#blog { padding-bottom: 30px; padding-top: 60px }
.blog-listing { background-color: #FFF; border: 1px solid #E7E7E7; margin-bottom: 30px; padding: 30px }
	.blog-listing .blog-listing-img { display: block; padding-top: 3px }
	.blog-listing time { display: block; font-size: 13px; padding-bottom: 15px; text-transform: uppercase }
	.blog-listing h2 { font-family: 'Oswald', sans-serif; font-size: 30px; margin: 0; padding-bottom: 20px }
		.blog-listing h2 a { color: #323232 }
	.blog-listing p { font-size: 16px; margin: 0; padding-bottom: 25px }
	.blog-listing .btn { background-color: #8ABF46; color: #FFF; font-family: 'Oswald', sans-serif; font-size: 20px; padding: 7px 35px 10px 35px; text-transform: uppercase }

@media (max-width: 1589px) {
	#blog { padding-bottom: 20px; padding-top: 50px }
	.blog-listing time { font-size: 12px }
	.blog-listing h2 { font-size: 22px }
	.blog-listing p { font-size: 14px; line-height: 26px }
	.blog-listing .btn { font-size: 18px }
}

@media (max-width: 1199px) {
	#blog { padding-bottom: 10px; padding-top: 40px }
	.blog-listing .blog-listing-img { padding-bottom: 25px }
	.blog-listing time { font-size: 13px }
	.blog-listing h2 { font-size: 30px }
	.blog-listing p { font-size: 16px; line-height: 30px }
	.blog-listing .btn { font-size: 20px }
}

@media (max-width: 991px) {
	
}

@media (max-width: 767px) {
	.blog-listing time { font-size: 12px }
	.blog-listing h2 { font-size: 22px }
	.blog-listing p { font-size: 14px; line-height: 26px }
	.blog-listing .btn { font-size: 18px }
}

@media (max-width: 575px) {
	.blog-listing { padding: 15px }
}

@media (max-width: 374px) {
	
}