.page-template-two-columns .full-width .main-content { display: flex; flex-flow: row wrap;}
.page-template-two-columns h2 {text-transform: uppercase; color: var(--primary-color); font-weight: 900; font-size: 35px; margin: 0 0 20px 0; }
.page-template-two-columns .page-top {margin: 0;}
.page-template-two-columns .main-page-title {color: white; font-size: 60px; line-height: 1;}
.page-template-two-columns .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-two-columns .page-subtitle {color: white; width: 50%; margin: 5px auto 40px auto; font-size: 22px; line-height: 1;}
.page-template-two-columns .body-content {margin: 6% 0 0 0 ;  min-height: 800px;  }
.page-template-two-columns .main-page-title {margin: 80px 0 0 0;}
.page-template-two-columns .header {background: white; box-shadow: 0 0 20px -5px #666; 	position: absolute; top: 0;	z-index: 99;}
.page-template-two-columns article {width: 46%; min-height: 240px; float: left; padding: 15px; margin: 10px; text-align: left; }
.page-template-two-columns 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;*/ 
}

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

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



