/* MOBILE NAV STARTS HERE */

.mobback {
font-family: 'robotoreg', sans-serif;
height: 0;
width: 100%;
position: fixed;
z-index: 10;
top: 0;
left: 0;
background-color: #e1962c;
overflow-x: hidden;
transition: 0.5s;
}

.navtop { width: 86%; margin: 70px auto 50px auto; }

.closemobbtn {
width: 44px;
height: 44px;
display: flex;
justify-content: center;
background-color: #cb8726;
border: none;
border-radius: 5px;
cursor: pointer;
color: #ffffff;
font-size: 24pt;
}
.closemobbtn a { text-decoration: none; color: #ffffff; }
.closemobbtn a:hover, .closemobbtn a:focus { color: #ffffff; }

.navmiddle { width: 86%; vertical-align: top; text-align: left; margin: 0px auto; padding: 0; }

.navmiddle a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 24pt;
line-height: 28pt;
display: inline-block;
color: #ffffff;
}

.mobdrop {
margin: 0;
padding: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}

.mobdropx { display: inline-block; transition: transform 0.3s ease; }
.mobdropx.rotated { transform: rotate(45deg); }

.mobdrop.show {
max-height: 500px; /* adjust as needed */
}

.dropcontent { vertical-align: top; text-align: left; margin: 0px; padding: 15px 0 20px 15px; }

.dropcontent a {
padding: 0px 0px 10px 0px;
text-decoration: none;
font-size: 18pt;
line-height: 22pt;
display: inline-block;
color: #ffffff;
}

.navpointer { cursor: pointer; }

/* MOBILE NAV ENDS HERE */

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

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

.home-row-top { padding: 0 14%; }
.home-row-bot { padding: 0 14%; }
.sub-row-bot { padding: 0 14%; }
.text-block { padding: 70px 14% }
.sub-text-block { padding: 70px 17% }
.contact-sub-block { padding: 70px 17% 40px 17%; }
.contact-row { padding: 0 17%; }
.fine { padding: 0px 14% 70px 14%; }
.subfine { padding: 0px 17% 70px 17%; }

} /* END OF 1600 MEDIA CALL */

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

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

.home-head h1 { font-size: 45px; line-height: 55px; padding: 0 70px; }
.sub-head h1 { font-size: 45px; line-height: 55px; padding: 0 70px; }
.sub-head-privacy h1 { font-size: 45px; line-height: 55px; padding: 0 70px; }
.home-row-top { padding: 0 10%; }
.home-row-mid { padding: 20px 60px 250px 60px; margin-bottom: -250px; }
.home-row-bot { padding: 0 10%; }
.sub-row-bot { padding: 0 10%; }
.text-block { padding: 70px 10%; }
.sub-text-block { padding: 70px 13%; }
.contact-sub-block { padding: 70px 13% 40px 13%; }
.contact-row { padding: 0 13%; }
.fine { padding: 0px 10% 70px 10%; }
.subfine { padding: 0px 13% 70px 13%; }

} /* END OF 1400 MEDIA CALL */

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

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

.home-head h1 { font-size: 40px; line-height: 50px; padding: 0 35px; }
.home-row-mid { padding: 20px 60px 220px 60px; margin-bottom: -220px; }
.hr-textl { font-size: 17pt; }
.hr-textr { font-size: 17pt; }

} /* END OF 1280 MEDIA CALL */

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

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

.topstrip { padding: 10px 50px; }
.logo-menu { padding: 0px 50px 0px 50px; }
#nav { right: 32px; }
.home-head { padding: 50px 40px 75px 40px; margin-bottom: -60px; }
.home-head h1 { font-size: 32px; line-height: 42px; padding: 0 25px 30px 25px; }
.home-row-mid { padding: 20px 60px 180px 60px; margin-bottom: -180px; }

} /* END OF 1024 MEDIA CALL */

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

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

#nav { display: none; }
.mobmenu {
border: none;
cursor: pointer;
display: block;
font-size: 13pt;
line-height: 13pt;
font-family: 'robotoreg', sans-serif;
position: absolute;
right: 50px;
color: #000000;
padding: 10px 18px;
border-radius: 5px;
background-color: #efefef;
}
.hrowlft { display: block; width: 75%; padding: 0; margin: 0 auto 45px auto; }
.hrowrt { display: block; width: 75%; padding: 0; margin: 0 auto; }
.crowlft { display: block; width: 75%; padding: 0; margin: 0 auto 45px auto; }
.crowrt { display: block; width: 75%; padding: 0; margin: 0 auto; }
.two-col-lft { padding: 30px 0 0 0; }
.hr-textr { bottom: 10%; left: 7%; }
.home-row-mid { padding: 20px 60px 650px 60px; margin-bottom: -650px; }

} /* END OF 900 MEDIA CALL */

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

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

.home-head h1 { font-size: 28px; line-height: 38px; }
.home-row-mid { padding: 20px 60px 580px 60px; margin-bottom: -580px; }

} /* END OF 850 MEDIA CALL */

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

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

.logo-menu { padding: 0px 10% 0px 10%; }
.mobmenu { right: 10%; }
.tslft { float: none; }
.tsrt { float: none; }
.home-head h1 { font-size: 28px; line-height: 38px; padding: 0 5% 30px 5%; }
.break { display: none; }
.home-row-mid { padding: 20px 60px 500px 60px; margin-bottom: -500px; }

} /* END OF 750 MEDIA CALL */

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

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

.home-head h1 { font-size: 26px; line-height: 36px; }
.sub-head h1 { font-size: 35px; line-height: 45px; padding: 0; }
.sub-head-privacy h1 { font-size: 35px; line-height: 45px; padding: 0; }
.sub-row-bot { padding: 0; }
.sub-row-bot img { border-radius: 0px; }
.sub-text-block { padding: 70px 10%; }
.error { border-radius: 0px; }
.success { border-radius: 0px; }
.contact-sub-block { padding: 70px 10% 40px 10%; }
.contact-row { padding: 0 10%; }
.two-col-lft { padding: 30px 0 0 0; }
.two-col-rt { padding: 30px 0 70px 0; }
.subfine { padding: 0px 10% 70px 10%; }
.home-row-top { padding: 0 5%; }
.home-row-mid { padding: 20px 60px 400px 60px; margin-bottom: -400px; }
.home-row-bot { padding: 0 5%; }

} /* END OF 600 MEDIA CALL */

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

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

.topstrip { padding: 10px 35px; }
.home-head h1 { font-size: 24px; line-height: 34px; padding: 0 6% 25px 6%; }
.home-row-top { padding: 0; }
.home-row-mid { padding: 20px 60px 330px 60px; margin-bottom: -330px; }
.home-row-bot { padding: 0%; }
.crowlft { width: 100%; }
.crowrt { width: 100%; }
.fine { font-size: 10pt; line-height: 14pt; }
.subfine { font-size: 10pt; line-height: 14pt; }
.thanksfine { font-size: 10pt; line-height: 14pt; }

/* 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 */