@media only screen and (max-width: 820px) {
 /*////////////////////////Blog-Post*/

	
.container
{
	
	margin:0 auto;
	width:98%;
	
	
	
	}
.blog_container
{ 
	width:90%;
	align-self: center;
	margin:0 auto;
	display: flex;
	flex-direction: column;

}

.body_section > .blogs > .blog_container img
{
	width:90%;
	align-self: center;
	margin: 3% 0;
}


.nav_block
{
	
	border-bottom: 1px solid #D05F61;
	
}
.blogs{
		
		width:100%;
		
}


.spacer
{
	
}
/*////////////////////////Blog-Post END*/

/*////////////////////////Categories*/
	.categories
{
	display:none;
	
		
}
	.categoryList
	{
		float:left;
		margin:0 8% 0 2%;
	}
/*////////////////////////Categories END*/
}