/*HOME PAGE*/

.bahome {max-width: 1100px;}

/*-----------------------------------------------*/

/*Big Pic*/

#homepic {position: relative; overflow: hidden; z-index: 0; background-color: #766253;}
#homepic img {width: 500px; height: 300px; width: 100%; height: calc(80px + 40vw); max-height: 450px; object-fit: cover; object-position: 50% 70%; display: block;}

@font-face {font-family: 'Mazin'; font-style: normal; font-weight: 700; font-display: block;
  src: local(''), url('fonts/mazin-700.woff2') format('woff2'), url('fonts/mazin-700.woff') format('woff');
}

.homecap {position: absolute; left: 4%; right: 4%; text-align: center; top: 46%; -webkit-transform: translateY(-46%); -ms-transform: translateY(-46%); transform: translateY(-46%); z-index: 1; font-size: 55px; color: #FFF;}

.homecap1 {font-size: 1.2em; line-height: 1.15; font-weight: 700; text-shadow: 1px 1px 2px #000;}
.homecap2 {font-size: .55em; line-height: 1.3; padding-top: 20px; font-weight: 500;}

@media (min-width: 1081px) {.homecap1 span {display: block;}}
@media (max-width: 1080px) {.homecap1 {font-size: calc(7px + 5.3vw);} .homecap2 {font-size: 3vw;}}
@media (max-width: 880px) {.homecap1 {font-size: calc(9px + 6.5vw);} .homecap2 {font-size: calc(10px + 3vw);} .homecap2 span {display: block;}}
@media (max-width: 500px) {.homecap1 {font-size: calc(6.5px + 7vw);} #homepic img {height: calc(80px + 45vw);}}
@media (max-width: 390px) {.homecap2 span {display: inline;}}

@media (min-width: 501px) {#homepic img {filter: brightness(70%);}}

/*-----------------------------------------------*/

/*Home Page Sections*/

.thissection .bodyarea {padding: 50px 0;}

/*-----------------------------------------------*/

/*Home Box Pics*/

/*#boxpics {border: 1px solid red} #boxpics section {border: 1px solid blue}*/

.boxpicsback {background-color: #132387;}
.boxpicsback .thishead {text-align: center; font-size: 35px; line-height: 1.2; color: #FFF; font-weight: 600;}
.boxpicsback h2 {padding-top: 10px; text-align: center; color: #FFF;}

#boxpics {margin: 30px auto; text-align: center; color: #FFF;}
#boxpics section {display: inline-block; text-align: center; vertical-align: top; width: 100%; max-width: 450px;}
#boxpics section:last-child {margin-bottom: 0;}
#boxpics img {display: block; width: 500px; height: 300px; width: 100%; height: 100%; margin: auto; object-fit: cover; border-radius: 3px; transition: .2s;}
#boxpics span:not(span span) {display: block; margin: 15px auto 0 auto; font-size: 16px; line-height: 1.6; text-align: left;}
#boxpics h3 {font-size: 1.5em; line-height: 1.4; font-weight: 600; transition: .2s; padding: 5px 0 3px 0;}
#boxpics p {margin: 0} #boxpics ul {margin: 17px 0 0 0;} #boxpics li {margin-left: -18px;}
#boxpics a {text-decoration: none; color: #FFF;}
#boxpics a:hover img {filter: brightness(115%) saturate(115%);}
#boxpics a:hover h3 {text-decoration: underline;}

@media (min-width: 1761px) {#boxpics section {max-width: 335px; margin: 0 15px;}}
@media (max-width: 1760px) {#boxpics section {max-width: 19vw; margin: 0 .8vw;}}
@media (min-width: 1301px) {#boxpics section:first-child {margin-left: 0;} #boxpics section:last-child {margin-right: 0;}}
@media (max-width: 1300px) {
#boxpics section {max-width: 38vw; margin: 0 1.5vw;} /*#boxpics img {height: min(230px,25vw)}*/
#boxpics section:nth-child(odd) {margin-left: 0;} #boxpics section:nth-child(even) {margin-right: 0;}
}
@media (max-width: 1300px) and (min-width: 721px) {
#boxpics section:nth-child(1), #boxpics section:nth-child(2) {margin-bottom: 20px;}
#boxpics section:nth-child(3), #boxpics section:nth-child(4) {margin-top: 20px;}
}
@media (max-width: 720px) {
#boxpics section {max-width: 550px; margin: 20px 0;}
#boxpics section:first-child {margin-top: 0;} #boxpics section:last-child {margin-bottom: 0;}
/*#boxpics img {width: 500px; height: 300px; width: 100%; height: auto; max-width: 500px;}*/
}
@media (max-width: 480px) {#boxpics section {margin: 15px 0;}}


/*-----------------------------------------------*/

/*Why Us*/

/*#whyus section {border: 1px solid blue} #whyus .bodyarea {border: 1px solid red}
#whyus .phead, #whyus .pmain, #whyus .p1, #whyus .p2, #whyus .p3, #whyus .p4 {border: 1px solid magenta}*/

#whyus {margin: auto; background-color: #DDD; /*#f5de98;*/}
#whyus .bodyarea {-webkit-display: grid; display: grid; padding: 0;}
#whyus div {font-size: 17px; line-height: 1.6;}
#whyus .heading {color: #1B30BB; font-size: 1.8em; font-weight: 600; line-height: 1.2;}
#whyus span {display: block; font-size: 1.35em; font-weight: 600; line-height: 1.4; color: #1B30BB;}
#whyus img {display: block; width: 600px; height: 350px; width: 100%; height: 100%; object-fit: cover; /*object-position: 50% 50%;*/}
#whyus p {margin-bottom: 0;}

#whyus .phead {grid-area: a; margin-bottom: 20px;} #whyus .pmain {grid-area: b; margin-bottom: 30px;}
#whyus .p1 {grid-area: c; margin-bottom: 25px;} #whyus .p2 {grid-area: d; margin-bottom: 25px;}
#whyus .p3 {grid-area: e;} #whyus .p4 {grid-area: f;}

@media (min-width: 1301px) {
#whyus .bodyarea {grid-template-columns: 60% 40%; grid-auto-rows: 1fr;}
#whyus section:first-child {margin-right: 20px; padding: 50px 0;}
#whyus section:last-child {margin-left: 20px;}
}
@media (max-width: 1300px) {
#whyus section:first-child {padding: 50px 0 0 0;}
#whyus section:last-child {/*-webkit-order: 2; order: 2;*/ margin: 35px 0 40px 0; height: calc(80px + 45vw); max-height: 450px;}
/*#whyus img {max-width: 600px; margin: auto;}*/}

@media (min-width: 846px) {
#whyus section:first-child {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "a a" "b b" "c d" "e f" "g h";}
#whyus .p1, #whyus .p3 {padding-right: 20px;} #whyus .p2, #whyus .p4 {padding-left: 20px;}
}
@media (max-width: 845px) {#whyus .p3 {margin-bottom: 15px;}}

/*-----------------------------------------------*/