@media screen and (max-width:930px){
	div#blog-container{
		display:block;
	}

	div#blog-container div#left-panel{
		display:block;
	}

	div#blog-container div#right-panel{
		display:block;
		margin-left:20px;
		margin-right:20px;
		margin-bottom:20px;
	}
}

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

	div.blog-post.featured{
		display:block;
	}

	div.blog-post.featured > div.thumbnail-image{
		display:block;
		width:100%;
	}

	div.blog-post.featured > div.details{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	div.blog-posts-row div.blog-post{
		width:100%;
		float:none;
		height:auto;
	}
}