.page-template-blog .full-width .main-content { display: flex; flex-flow: row wrap;}
.page-template-blog h2 {text-transform: uppercase; color: var(--primary-color); font-weight: 900; font-size: 35px; margin: 0; }
.page-template-blog i {margin: 0 0 20px 0; display: block;}
.page-template-blog .page-top {margin: 8% 0 0 0;}
.page-template-blog .main-page-title {color: white; font-size: 60px; line-height: 1;}
.page-template-blog .secondary-page-title {background-color: var(--primary-color); text-transform: uppercase; font-weight: 600; color: white; font-size: 40px; line-height: 1; padding: 2% 0; text-align: center; width: 100%; float: left; margin: 0 0 2% 0;}
.page-template-blog .page-subtitle {color: white; width: 50%; margin: 5px auto 40px auto; font-size: 22px; line-height: 1;}
.body-content.blog {margin: 0 ;  min-height: 800px; /* background-image: url(../images/line-grid-bg.jpg); background-size: 20%; background-position: top; */}

.blog.full-width .main-content {/*background-color: rgba(255, 0, 0, 0.5);*/ color: var(--primary-color); }
/* .blog.full-width .main-content p {background: white; padding: 20px; font-size: 1.1em; border: 1px solid var(--primary-color);} */
.blog.full-width .main-content b {font-size: 20px; line-height: 1; margin: 2% 0 0 0;}
.page-template-blog .main-page-title {margin: 80px 0 0 0;}
.page-template-blog .header {background: white; box-shadow: 0 0 20px -5px #666; 	position: absolute; top: 0;	z-index: 99;}
.page-template-blog article {width: 46%; min-height: 240px; float: left; padding: 15px; margin: 20px 10px 10px 10px; text-align: left; }
.page-template-blog article p { width: 85%; /*margin: auto;*/}
article .photo { width: 100%; height: 225px; overflow: hidden; float: left; border: 1px solid orange;}
article .photo img { width: 100%; height: auto; 
 /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8;*/ 
}
/* .blog .page-top {display: none;} */
.blog h1 {margin: 2% 0 0 0;}
.blog-entry-info {margin: 0 0 40px 0;}
.blog .page-top {width: 100%; height: 100px;  margin: 0 0 2% 0;}
.blog .page-top .wp-post-image img {bottom: 0; position: absolute;}
.blog .main-content .wp-post-image {width: 50%; height: auto; margin: 0 0 20px 20px; float: right;}

@media (max-width: 1100px) {
	.page-template-blog .main-page-title {margin: 110px 0 0 0;}
}

@media (max-width: 900px) {
	.page-template-blog article {width: 100%;}
}