#headerim-blog{
background-image: url(/images/headerim-blog.jpg);
height: 733px;
min-height: 733px;
max-height: 733px;
}


@media screen and (min-width: 1600px) {

	#headerim-blog{
	background-size: 100%;
	}
}

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

	#headerim-blog{
	background-size: 1600px;
	}
}

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

	#headerim-blog{
	background-size: 768px;
	height: 280px;
	min-height: 280px !important;
	max-height: 280px;
	}

	#header-content .container{
	padding-top: 80px !important;
	padding-left: 20px;
	padding-right: 20px;
	}

	#header-content .f39{
	font-size: 30px;
	}
}


.blog_post_preview_content{
padding: 20px;
}

.article-name{
color: #292929;

font-size: 21px;
}

.article-content{
color: #292929;
margin: 30px 0;
}

.preview_link{
color: #0078e1;
font-size: 30px;
}


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


.blog_post_preview img{
height: 100%;
}
#blog_preview_list .blog_post_preview{
width: 305px;
height: 520px;
background: #ffffff;
float: left;
margin: 0 30px 30px 0;
}



.blog_post_preview_image{
width: 305px;
height: 215px;
overflow: hidden;
}


#post2.blog_post_preview {

height: 570px;
}
#post2.blog_post_preview .blog_post_preview_image{
height: 265px;
}

	#blog_preview_list{
	float: left; margin-top: -100px;
	}

	#blog_preview_list .blog_post_preview:nth-child(3n) {
	margin-right: 0;
	}

	#post1, #post3{
	margin-top: 0px !important;
	}

	.postcol1, .postcol3{
	margin-top: -50px !important;
	}
}

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

	.blog_post_preview{
	background: #ffffff;
	padding: 20px 50px 0 30px;
	float: left;
	margin: 20px;
	text-align: center;
	}

	.blog_post_preview .article-content, .blog_post_preview .preview_link{
	display: none;
	}

}