/**Add these on style.css:**/

/*** COMMENTS STYLE ***/
.post {width: 48.5%; display: inline-block; vertical-align: top; margin: 0 1.1% 30px; word-wrap: break-word;}
.post:hover  > .blog-image{ -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.cat-tag-container{ text-align: left; }
.post .entry-title{ margin: 10px auto; text-align: left;}
.post h2 a {color: #e65c7a; text-decoration: none; }
.post h2 a:hover {text-decoration: underline; opacity: 0.8;}
.post img {max-width: 100%;}
.post p{ margin: 10px auto; }

.post:nth-child(2n+1){ margin-left: 0; }
.post:nth-child(2n){ margin-right: 0; }

.blog-image-post{ width: 100%; height: 220px; display: block; background-size: cover !important; }
.blog-image-default{ width: 100%; height: 220px; display: block; background-size: 95% !important; background-color: #fff !important; border: 1px solid #e65c7a;}

.pagination {text-align: right;}
.pagination span, .pagination a {  padding: 8px;  border-right: none; text-decoration: none;}
.pagination .current{ cursor: default; }
.pagination .current, .pagination a:hover { background: #3a3d3e; color: #fff;}
.pagination a:first-child{ border-radius: 3px 0 0 3px; }
.pagination a:last-child{ border-radius: 0 3px 3px 0; border-right: 1px solid #69b001; }

.blog-cont{ position: relative; text-align: left; margin-top: 0;}
.comingsoon{ color: red !important;font-style: italic !important; }
.page-title{ display: block !important; font-size: 20px; font-weight: bold;}
.page-title span{ display: inline-block !important; color: inherit !important; }

.full-width{width:100%; margin: 10px auto 20px auto; position:relative;}
.full-width .blog-image{float: left; width: 300px; margin-right: 20px; vertical-align: top; clear: both; max-width: 100%;}
.full-width .entry-title{margin:0!important;}

.full-width .cat-tag-container{margin: 20px auto;}

.post h1 { font-size: 24px; font-weight: bold;}
.post h2 { font-size: 24px; font-weight: bold;}
.post h3 { font-size: 18px; font-weight: bold;}
.post h4 { font-size: 16px; font-weight: bold;}
.post h5 { font-size: 12px; font-weight: bold;}
.post h6 { font-size: 10px; font-weight: bold;}

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

	.post{ width: 48.7%; margin: 0px 12px 60px; margin: 0 1% 30px; }
	.blog-cont{ text-align: left; }
	.pagination{ position: static; margin-bottom: 20px; text-align: center; }
	
		.full-width.post{width: 100% !important;}
}
@media only screen 
and (max-width : 750px) {
.full-width .blog-image{float: none;  width: 100%;  margin: 10px auto;}
}

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

	.post{ width: 100%; display: block; vertical-align: top; margin: 10px auto 30px; padding-top: 10px; border-top: 1px dashed #69b001; }
}