@media only screen and (max-width: 1400px) {
#blog-cover{
	
	height: 400px;
	
}
}

@media only screen and (max-width: 1300px) {
	
	#blog .blog{
	 width: 372px;
}
#blog{
	    max-width: 1200px;
}
}
@media only screen and (max-width: 1220px) {
#blog-cover{
	
	height: 300px;
}
#blog{
		text-align: center;
	}
	#blog .blog h1 {
   
    text-align: left !important;
    width: 370px
}
}
@media only screen and (max-width: 1121px) {
	#blog{
		text-align: center;
	}
	#blog .blog{
	margin: 10px 10px;
}
}
@media only screen and (max-width: 890px) {

}
@media only screen and (max-width: 515px) {
	footer ul li{
		margin: 15px 10px;
	}
	.iconfooter{
		top:104px;
	}
	footer{
		height: 150px;
	}
	#blog-cover{
	height: 250px;
}
}