@media only screen and (max-width: 1400px) {
#blog-cover{
	
	height: 400px;
	
}
}
@media only screen and (max-width: 1200px) {
#blog-cover{
	
	height: 300px;
	
}
}
@media only screen and (max-width: 800px) {
.rand{
	display: none;
}
.heading{
	bottom: 30%;
}
.heading h1{
	font-size: 20px;
}
.section .description{
	width: 100%;
}

.section .description img{
	height: 300px;
	margin: 0px;
	width: 98%;
	margin-left: 1%;
	margin-top: 5px;
}
}
@media only screen and (max-width: 500px) {
.heading h1{
	font-size: 16px;
}
#blog-cover{
	height: 250px;
}
}
@media only screen and (max-width: 450px) {

.section .description img{
	height: 200px;
	
}
}