/* SCREEN VIEWS AT 1600 PIXELS */
@media (max-width: 1600px) {

.layout-container { gap: 20px; width: 100%; }
.vidlayout { padding: 150px 20% 0px 20%; }

} /* END OF 1600 MEDIA CALL */

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

/* SCREEN VIEWS AT 1300 PIXELS */
@media (max-width: 1300px) {

.nav-panel { width: 96%; }
.logo { margin: 0px 0px 0 30px; }
.years { margin: 0px 30px 0 0px; }
.coMenu { width: 96%; }
.servMenu { width: 96%; }
.home-head h1 { font-size: 4.8vw; }
.home-head h2 { font-size: 2.4vw; }
.tickerback h2 { font-size: 3vw; line-height: 1.75; }
.text-overlay h2 { font-size: 2.5vw; }
.heavy-arrow-right { font-size: 2vw; }
.greenButton { max-width: 250px; font-size: 14pt; margin: 30px 0 0 0; }
.gb-centered { margin: 30px auto 0px auto; }
.greenButton span:after { top: 1px; }
.epfoot { width: 96%; margin: 0 auto; padding: 55px 0 20px 0; }
.left-box { margin: 0px 0 0 30px; }
.right-box { margin: 0px 30px 0 0; }
.locations-container { gap: 70px; padding: 150px 15% 0px 15%; }
.eighty-left { padding: 150px 15% 0px 15%; }
.team-container { padding: 70px 10.5% 0px 10.5%; }

} /* END OF 1300 MEDIA CALL */

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

/* SCREEN VIEWS AT 1100 PIXELS */
@media (max-width: 1100px) {

.team-container { padding: 30px 10.5% 0px 10.5%; }
.textgrid { padding: 0; }
.textgrid-mid { padding: 0; }
.textcell { display: inline-block; width: 35.5%; padding: 40px 2% 0px 2%; }

} /* END OF 1100 MEDIA CALL */

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

/* SCREEN VIEWS AT 900 PIXELS - HAMBURGER REVEALED */
@media (max-width: 900px) {

body, html { font-size: 12pt; line-height: 22pt; }
h2 { font-size: 20pt; line-height: 30pt; padding-bottom: 10px; }
h3 { font-size: 15pt; line-height: 25pt; padding-bottom: 10px; }
.teamtext h3 { font-size: 15pt; line-height: 25pt; }
#coPanel { display: none; }
#servPanel { display: none; }
#mobNav { display: block; }
.mobback {
height: 0;
width: 100%;
position: fixed;
z-index: 110;
top: 0;
left: 0;
overflow-x: hidden;
transition: 0.5s;
background: rgba(0, 157, 90);
}
.nav-panel { width: 80%; }
#menu-text {
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.9);
border-radius: 5px;
text-align: center;
display: inline-block;
cursor: pointer;
}
#menu-text:hover { background-color: #009d5a; color: #ffffff; }
.center-text { display: none; }
.home-head h1 { font-size: 7.5vw; line-height: 1.15; }
.home-head h2 { font-size: 4vw; margin: 20px 25% 0 0; }
.two-column-container { display: block; padding: 70px 0 0 0; }
.onehun-left { padding: 70px 10.5% 0px 10.5%; }
.text-column { width: 100%; padding: 0 10.5%; }
.text-column-rt { display: none; }
.text-column-rt-mob { display: block; box-sizing: border-box; width: 100%; padding: 0 10.5%; }
.ete-text { padding: 70px 10.5% 0 10.5%; }
.panspecs { margin-top: 100px; }
.fullpic { padding: 70px 0 0 0; }
.three-cols-container { padding: 70px 10.5% 0px 10.5%; }
.three-cols-core-container { padding: 70px 10.5% 0px 10.5%; }
.locations-container { padding: 70px 10.5% 0px 10.5%; }
.eighty-left { padding: 70px 10.5% 0px 10.5%; }
.tickerback { margin-top: 100px; }
.text-overlay h2 { font-size: 2vw; }
.tickerback h2 { font-size: 4vw; line-height: 1.25; }
.image-column, .image-column-lft { width: 80%; margin: 90px auto 0 auto; }
.image-column img { border-radius: 15px; }
.image-column-lft img { border-radius: 15px; }
.vidlayout { padding: 90px 10.5% 0px 10.5%; }
.team { display: none; }
.teammob { display: block; }

} /* END OF 900 MEDIA CALL */

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

/* SCREEN VIEWS AT 740 PIXELS */
@media (max-width: 740px) {

.three-cols-container { gap: 15px; padding: 70px 10.5% 0px 10.5%; }
.testimonials-mobile { padding-top: 30px; }
.three-cols-core-container { display: block; justify-content: center; gap: 0; padding: 0px 10.5% 0px 10.5%; }
.threecols-core { margin-top: 40px; }
.locations-container { gap: 0; display: block; padding: 30px 10.5% 0px 10.5%; }
.loccol { margin-top: 30px; }
.text-overlay h2 { font-size: 2.5vw; }
.tickerback h2 { font-size: 5.5vw; }
.epfoot { text-align: center; }
.footlogobuts { display: inline-flex; }
.epfoot { display: block; }
.left-box { margin: 0; }
.footlinx { margin: 0 0 0 10px; }
.right-box { justify-content: center; margin: 40px 0; }
.team-container { padding: 30px 0 0px 0; }

} /* END OF 740 MEDIA CALL */

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

/* SCREEN VIEWS AT 600 PIXELS */
@media (max-width: 600px) {

.nav-panel { width: 90%; }
.three-cols-container { display: block; justify-content: center; gap: 0; padding: 30px 10.5% 0px 10.5%; }
.threecols { margin-top: 40px; }
.text-overlay h2 { font-size: 4vw; }
.heavy-arrow-right { font-size: 3vw; }
.threecols img { height: 200px; }

} /* END OF 600 MEDIA CALL */

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

/* SCREEN VIEWS AT 480 PIXELS */
@media (max-width: 480px) {

.mast-container { transition: transform 0.5s ease-in-out; }
/* Class added when scrolling down to hide the nav */
.mast-container.nav-hidden { transform: translateY(-240px); }
.logo { margin: 0px 0px 0 20px; }
#menu-text { margin: 0 20px 0 0; }
.years { display: none; }
.twentyfive {
display: block;
position: relative;
transition: top 0.8s ease, opacity 0.5s ease;
z-index: 6;
width: 80%;
opacity: 0;
font-size: 14pt;
text-align: center;
overflow: auto;
padding: 10px 0; /* this controls "menu" spacing */
margin: 20px auto 0 auto;
align-items: center;            /* Vertically centers everything */
background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0.8) 70%, transparent 100%);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
}
.home-head h1 { font-size: 9.25vw; line-height: 1.2; }
.home-head h2 { font-size: 5vw; line-height: 1.5; margin: 15px 10% 0 0; }
.text-overlay h2 { font-size: 5vw; }
.heavy-arrow-right { font-size: 4vw; }
.textcell { display: block; width: 50%; margin: 0 auto; padding: 40px 0 0px 0; }
#emptydiv { display: none; } /* remove empty divs from single column vertical layouts to preserve correct spacing */
.threecols img { height: 150px; }
.tickerback h2 { font-size: 7vw; }
.footlogobuts { display: block; }
.left-box { margin: 0 auto 40px auto; }
.footlinx { margin: 0; }

/* WEBKIT AND MS Prevents Mobile Safari from bumping up font sizes in landscape */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;

} /* END OF 480 MEDIA CALL */