/*HOME PAGE*/

@media (max-width: 1175px) and (min-width: 601px) {.bodyhead span {display: block;}}

@media (min-width: 851px) {
@keyframes logoscale {0% {transform: scale(0);} 100% {transform: scale(1);}}
#logo img {animation: logoscale .8s; backface-visibility: hidden;}
} /*close min-width: 851px*/


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

/*Big Pic*/

/*.homecap {outline: 1px solid red;} .homecap h1 {outline: 1px solid yellow} .homecap h2 {outline: 1px solid cyan)*/

#homepic {position: relative; overflow: hidden; z-index: 0; background-color: #ABBEC5;}
#homepic img {width: 500px; height: 300px; width: 100%; height: 50vw; max-height: 550px; object-fit: cover; object-position: 50% 50%; display: block;}

.homecap {position: absolute; display: table-cell; left: 0; right: 0; text-align: center; top: 55%; transform: translateY(-55%);  z-index: 1; margin: 0 30px; color: #FFF;}
.homecap h1 {font-family: 'Satisfy', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 90px; margin: 0 auto; line-height: 1.15; color: var(--blue1); text-shadow: 0px 0px 3px #FFF; /*text-shadow: 1px 1px 3px #111D31;*/}
.homecap h2 {margin: 25px auto 0 auto; font-size: 2.7em; line-height: 1.3; font-weight: 500; color: var(--blue2); text-shadow: 0px 0px 3px #FFF;}

@media (max-width: 1005px) {.homecap {margin: 0 3%} .homecap h1 {font-size: 8.5vw;}}
@media (max-width: 890px) and (min-width: 651px) {.homecap h2 {font-size: 4.7vw;}}

@media (min-width: 651px) {.homecap h1 span {display: block;}}
@media (max-width: 650px) {
.homecap {margin: 0;} .homecap h1 {font-size: 9vw;} #homepic img {height: 60vw;}
.homecap h2 {font-size: 5.2vw;}
}

@media (min-width: 401px) {.homecap h2 span {display: block;}}
@media (max-width: 400px) {.homecap h2 {margin-top: 15px; width: 65%; font-size: 6vw;}}
@media (min-width: 501px) {#homepic img {ffffilter: brightness(75%);}}
@media (max-width: 500px) {.homecap h1 {font-size: 9.5vw;} #hsomepic img {height: 50vw;}}

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

/*Why Us*/

/*.whyusgrid {outline: 1px solid red} .whyusgrid div {outline: 1px solid blue}
.wutext {outline: 1px solid green} .wupic {outline: 1px solid magenta} .wupic img {outline: 1px solid cyan}*/

#whyus .bodyarea {max-width: 1200px;}
#whyus .heading {color: var(--blue1);}
.whyusgrid div {margin-bottom: 40px; align-items: center;}
#whyus h3 {font-size: 1.45em; line-height: 1.3; font-weight: 500; color: var(--seafoam);}
.wupic, .wupic img {display: block;}
.wupic img {width: 500px; height: 300px; width: 100%; height: 100%; margin: auto; object-fit: cover; object-position: center; border-radius: 8px;}
#whyus a {font-size: .9em; font-style: italic;}

@media (min-width: 1501px) {
.wupic {height: 300px;}
.whyusgrid div:nth-child(odd) .wutext {margin-right: 50px;}
.whyusgrid div:nth-child(even) .wutext {margin-left: 50px;}
}
@media (max-width: 1500px) and (min-width: 1071px) {
.wupic {height: 20vw;}
.whyusgrid div:nth-child(odd) .wutext {margin-right: 35px;}
.whyusgrid div:nth-child(even) .wutext {margin-left: 35px;}
}
@media (min-width: 1251px) {
.whyusgrid div:nth-child(odd) {grid-template-columns: 58% 42%;}
.whyusgrid div:nth-child(even) {grid-template-columns: 42% 58%;}
}
@media (max-width: 1250px) and (min-width: 871px) {
.whyusgrid div:nth-child(odd) {grid-template-columns: calc(62% - 20px) auto;}
.whyusgrid div:nth-child(even) {grid-template-columns: auto calc(62% - 20px);}
.wupic {height: 100%;}
}
@media (max-width: 1070px) and (min-width: 871px) {
.wutext {font-size: calc(.7vw + 12px);}
.whyusgrid div:nth-child(odd) .wutext {margin-right: calc(3vw + 5px);}
.whyusgrid div:nth-child(even) .wutext {margin-left: calc(3vw + 5px);}
}
@media (min-width: 871px) {
.whyusgrid div {display: grid;} #whyus p {margin-bottom: 40px;}
.whyusgrid div:nth-child(odd) .wutext, .whyusgrid div:nth-child(even) .wupic {order: 1;}
.whyusgrid div:nth-child(even) .wutext, .whyusgrid div:nth-child(odd) .wupic {order: 2;}
}
@media (max-width: 870px) {
.whyusgrid div {grid-template-columns: 1fr; margin: 25px 0;}
.wupic {margin: 30px auto 40px auto;} /*.whyusgrid div:nth-child(odd) .wupic {display: none;}*/
.wupic img {max-width: 500px;}
}

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