html, body
body{background:#fff;margin:0;padding:0;font-family: Source Sans Pro}

#box-big{
 /* fallback */
	width:50%;
	height: 50%; 
	color:#fff;
	position: relative;
	background-size:100% auto;
	float:left;
}

#box-big:hover{
	background-size:100% auto; 
}
.caption{padding:20px;position: absolute;bottom:0;font-size: 50px; font-weight: bold}

#box-small{
	width:24.75%; 
	height:24.75%;
	float:left; 
	position: relative;
	background-size:100% auto; 
}
#box-small:hover{
	background-size:100% auto; 	
}

#box-small .caption{font-size: 30px;color:#fff}
#box-small .caption span{
	color: #FFFFFF;
	font-size: 15px;
}
#box-big .caption span{color:#fff;font-size:30px}

h1{font-weight: 500;margin-top:50px;font-size:40px}

.container4{max-width:1680px; margin:0px auto;position: relative;}

#content{float:left;width:100%;}

.post{width:50%;margin: 0 auto;}






@media only screen and (max-width: 768px) {

	#box-big{width:100%;}
	#box-big .caption{font-size:25px}
	
	#box-small{width:50%;}
	#box-small .caption{font-size:14px}
	

	
		
}