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




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

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


.season-box:hover {
	opacity: 1.0;
}




.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");
}