@charset "utf-8";
/* CSS Document */

.box {
	
	width: 680px;
	
	margin: 40px auto;
	
	display: flex;
	
	flex-wrap: wrap;
		
}

.season-box {
	
	width: 330px;
	
	height: 214px;
	
	display: block;
	
	border-radius: 5px;
	
	margin: 5px;
	
	background-size: 100%;
	
	background-repeat: no-repeat;
	
	opacity: 50%;
	
	transition: opacity 2s;
	
}

.season-box:hover {
	
	opacity: 100%;
	
}

.winter {
	
	background-image: url("images/winter.jpg");
	
}

.spring {
	
	background-image: url("images/spring.jpg");
	
}

.summer {
	
	background-image: url("images/summer.jpg");
	
}

.fall {
	
	background-image: url("images/fall.jpg");
	
}