/*
  Simple FlexBox Grid created by Mary Adkins GraphixStation Dec 15 2021.
  Copyright GraphixStation All Rights Reserved
  Contact at https://www.graphixstation.com
*/
/* 
  ======================================
  GS FlexBox Grid 2021
  ======================================
*/
.grid-container {margin: 0 auto;max-width: 1280px;overflow: hidden;position: relative;transition: 0.3s linear;width: 100%;}
.grid-padding {padding: 1.5% 0 0 1.5%;}
.grid-row {display:flex; flex-flow: row wrap; justify-content: flex-start; transition:0.3s linear;}

/* new update to grid style to remove asterisk */
.gr-col {margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;}
.col-1ew {flex: 1; margin: 0 auto; padding: 0 1.5% 1.5% 0; position: relative; transition:0.3s linear;} /* Equal widths */
.col-1-1 {flex-basis: 100%; width: 100%;}
.col-1-2, .col-6-12 {flex-basis: 50%; width: 50%;}
.col-1-3, .col-4-12 {flex: 1; flex-basis: 33.33%; width: 33.33%;}
.col-1-4, .col-3-12 {flex-basis: 25%; width: 25%;}
.col-1-5 {flex-basis: 20%; width: 20%;}
.col-5-12 {flex-basis: 41.66%; width: 41.66%;}
.col-7-12 {flex-basis: 58.33%; width: 58.33%;}
.col-8-12 {flex-basis: 66.66%; width: 66.66%;}
.col-9-12 {flex-basis: 75%; width: 75%;}
.grid-content {padding: 20px; position: relative;}

@media only screen and (max-width: 880px) {
.col-1ew {flex-basis: 33.33%;}
.col-1-4 {flex-basis: 50% !important; width: 50%;} /* added important 4 column only */
.col-3-12 {flex: 1; flex-basis: 30%; width: 30%;}
.col-4-12 {flex-basis: 40%; width: 40%;}
.col-7-12 {flex-basis: 50%; width: 50%;}
.col-8-12 {flex-basis: 60%; width: 60%;}
.col-9-12 {flex-basis: 70%; width: 70%;}
.grid-content {padding: 10px;}
}

/* Styles for screen 880px to 768px added important for 4 column only */
@media screen and (max-width: 880px) and (min-width: 768px) {
.col-1-4 {flex-basis: 25% !important; width: 25%;}
}

@media only screen and (max-width: 768px) {
.col-1ew {flex-basis: 50%;} 
.grid-content {padding: .5rem;}
}
@media only screen and (max-width: 480px) {
	.grid-padding {padding: 0;}
	.gr-col {flex-basis: 100%; padding: 2.5% 3%;}
	.col-1ew {flex-basis: 100%; padding: 2.5% 3%;}
	.col-1-2, .col-1-3, .col-1-4,.col-3-12,.col-4-12, col-1-5, .col-5-12, .col-6-12, .col-7-12,.col-8-12,.col-9-12 {flex-basis: 100%; padding: 2.5% 3%;} 
}
/* 
  ======================================================================================
  GS FlexBox Grid 2021 with equal heights using Flex Direction Column for PUSH feature
  ======================================================================================
*/
/* to make each column equal width and height */
.rowF {display: flex;}
.colF {flex: 1; flex-direction: column; display: flex;}
.push {margin-top: auto; background-color: red; color: #fff; padding: 10px;}

@media only screen and (max-width: 834px) {.rowF {padding-right: 10px;}}
@media only screen and (max-width: 800px) {.colF {flex-basis: 50%;}}
@media only screen and (max-width: 654px) {.colF {padding: .5em;}}
@media only screen and (max-width: 480px) {.rowF {display: block;} .colF {margin: 2.5% 5%; width: auto;}}
@media only screen and (max-width: 390px) {.colF {padding: 0;}}
/* end equal width and height */

/* 
  ======================================
  CSS Reset
  ======================================
*/
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0; font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
figure {position: relative;} figure img {width: 100%;}
a img {border:none;}
a:link {text-decoration: none;}
a {transition: color 0.3s ease 0s;}

/* 
  ======================================
  Page Styles
  ======================================
*/
html {font-size:16px; height: 100%; scroll-behavior: smooth;}
body {background: #fff; color: #1f1f1f; font-family: "Roboto", sans-serif; font-weight: 300; min-height: 100vh;}

.roboto-<uniquifier> {font-family: "Roboto", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings: "wdth" 100;}
.montserrat-<uniquifier> {font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;}

h1 {font-family: "Montserrat", sans-serif; font-size: 70px; font-weight: 700; line-height: 1; text-transform: uppercase;}
h2 {font-family: "Montserrat", sans-serif; font-size: 50px; font-weight: 700; line-height: 1; margin-bottom: .75rem; text-transform: uppercase;}
h3 {font-family: "Montserrat", sans-serif; font-size: 30px; font-weight: 400; letter-spacing: -.025rem; line-height: 1; margin-bottom: 20px;}
h4 {font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 500; line-height: 30px; margin-bottom: .75rem;}
.hero-h2 {font-size: 38px; font-weight: 600; padding-bottom: 30px;}
.hero-tagline {font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 20px; max-width: 45%;}
.title-tagline {font-family: "Montserrat", sans-serif; font-size: 26px; font-weight: 400; line-height: 30px; margin-bottom: 20px;}
.tagline {font-family: "Montserrat", sans-serif; font-size: 22px; font-weight: 400; line-height: 30px; margin-bottom: 20px; max-width: 100%;}
.sm-tagline {font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 400; line-height: 26px;}
.top-center-title {text-transform: uppercase;}

p {font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.bold-subtext {font-weight: 400; font-size: 22px; line-height: 24px; margin-bottom: .25rem; text-transform: none;}
.center-text {text-align: center;}
.small {font-size: smaller; line-height: 16px;}
strong {font-weight: bold;}
.cf {*zoom: 1;}
.cf:after {content: '';display: block;clear: both;}
hr {border: 0; border-bottom: 1px dotted #fff; margin: 4px 0 16px 0; clear: both;}

a[href^=tel] {color:#000; text-decoration:none;}
.nowrap {white-space: nowrap;}

.visually-hidden { 
    border: 0; height: 1px; 
    margin: 0; padding: 0;
    overflow: hidden; position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
	width: 1px;}
	
/* #CLearFix */
	.clearfix:before,
	.clearfix:after {content: " "; display: table;}
	.clearfix:after {clear: both;}
	.clear {clear: both;}
	.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}

/* alternate font colors */
.black {color: #1f1f1f;}
.orange {color: #e74a24;}
.sage {color: #4e7e70;}
.dk-green {color: #28352e;}
.gold {color: #db9e36;}

.white {color: #fff;}
.dkgrey {color: #ebebeb;}
.ltgrey {color: #f5f5f5;}
.red {color: #ff0000;}

/* background colors */
.bk-gold {background-color: #db9e36;}
.bk-gold a {color: #1f1f1f;}
.bk-gold a:hover {color: #fff;}

.bk-sage {background-color: #4e7e70;}
.bk-org {background-color: #e74a24;}
.bk-grey {background-color: #ececec;}

/* image styles */
img {display: block; max-width: 100%; height: auto;}
.logo {background-color: #fff; border-radius: 50%; outline: 4px #fff solid; margin: 0 auto; max-width: 100%; position: absolute; top: 15px; transition: all 0.5s ease 0s; z-index: 1000;}
.bird-imgs-wide {display: block; margin: 0 auto; padding: 0; padding-bottom: 10px; height: auto; max-width: 100%;}
.center-images {border: 4px solid #fff; border-radius: 10px; display: block; margin: 0 auto; height: auto; padding: 0; max-width: 100%;}
.jump-up {bottom: 0; height: auto;left: 0; margin: 0 auto; max-width: 100%; padding: 0; position: absolute; right: 0;}
.maps {display: block; height: auto; margin: 0 auto; max-width: 100%; padding-bottom: 10px; position: relative; width: auto;}
.location-pin {display: inline-block; height: auto; margin-right: 4px; max-width: 100%; vertical-align: text-bottom;}

/* main layout */
.wrapper {height: 100%; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
header {background-color: #fff; margin: 0 auto; width: 100%;}
.header-top-bk {background-color: #fff; height: auto; margin: 0 auto; max-width: 100%; padding: 0; position: relative; width: 100%;}
.header-container {height: 100%; margin: 0 auto; max-width: 1280px; min-height: 80px; padding: 0 20px; position: relative;} /* min-height: 55px;  */

/* HERO AREA */
.hero-container {background: #fff url('../images/header-image-gold2.jpg') no-repeat top center; background-size: cover; margin: 0 auto; position: relative; max-width: 100%; min-height: 950px; width: 100%;} /* min-height: 1000px;  */
.hero-text {padding: 160px 0 0 20px; position: relative; min-height: 400px; width: 100%; z-index: 500;}

/* SECTION PADDING */
.section-padding {padding: 8rem 0;}
.section-padding-top {padding-top: 6.4rem;}
.section-title {margin-bottom: 3.13rem; text-align: center;}
.angle-top-padding {padding-top: 120px;}
.section-padding-sm {padding: 3.4rem 0;}

/* BUTTONS */
.ltgreen-btn a {background-color: #92a85d; border-radius: 50px; color: #1f1f1f; display: inline-block; font-size: 18px; font-weight: normal; height: auto; letter-spacing: -.25px; line-height: 24px; margin: 0 auto; padding: 6px 18px 6px; position: relative; text-align: center;}
.ltgreen-btn a:hover {background-color: #384d15; color: #fff;}

.dkgreen-btn {display: inline-block; height: auto; margin-right: 10px; position: relative; width: auto;}
.dkgreen-btn a {background-color: #28352e; border: 2px solid #fff; border-radius: 50px; color: #fff; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 28px; font-weight: 500; margin: 0 auto; margin: 8px 0 8px; padding: 12px 26px 12px; position: relative; text-align: center; text-transform: uppercase;}
.dkgreen-btn a:hover {background-color: #1f1f1f;}

.gold-btn {display: inline-block; height: auto; position: relative; width: auto;}
.gold-btn a {background-color: #db9e36; border: 2px solid #fff; border-radius: 50px; color: #1f1f1f; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 28px; font-weight: 600; margin: 0 auto; margin: 8px 0 8px; padding: 12px 26px 12px; position: relative; text-align: center; text-transform: uppercase;}
.gold-btn a:hover {background-color: #e74a24}

.phone-text {background-color: #db9e36; border-radius: 25px; color: #fff; float: right; font-family: "Roboto", sans-serif; font-size: 20px; font-weight: 500; height: auto; margin: 4px 0; padding: 8px 16px; position: relative; width: auto;}

/* -------------------- NEW main navigation 2022 ---------------------------------*/
.pixel {display: none;}
nav {position: absolute; right: 20px; top: 20px;} /* added july 14 2025 to add phone number */

nav {float: right; font-family: "Montserrat", sans-serif; font-weight: 600; height: 55px; margin: 0 auto; padding: 0; width: auto;} /* position: relative;  */
nav ul {height: auto; list-style: none; margin: 0; padding: 0; text-decoration: none;}
nav ul li {float: left; margin: 0; padding: 0; position: relative; width: auto;}

nav ul li a {border-radius: 25px; color: #1f1f1f; display: inline-block; font-size: 15px; letter-spacing: .25px; line-height: 20px; list-style: none; margin-right: 4px; padding: 8px 12px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; top: 22px; transition: all 0.5s ease 0s; width: auto;} /* margin-top: 10px;  */

/* nav ul li a {border-radius: 25px; color: #1f1f1f; display: inline-block; font-size: 15px; letter-spacing: .25px; line-height: 20px; list-style: none; margin-top: 20px; margin-right: 4px; padding: 8px 12px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease 0s; width: auto;}  */
nav ul li a:hover {background-color: #28352e; color: #fff;} 
nav li, #toggle-menu, nav a {display: block; height: 100%; position: relative;}
#tm:checked + .main-menu {display: block;}
nav input[type="checkbox"], nav ul span.drop-icon {display: none;}
.menu-toggle {background-color: #fff; border-radius: 10px; cursor: pointer; display: none; padding: 1em .5em; position: absolute; right: 0; top: 0; z-index: 3000;}
.hamburger,.hamburger::before,.hamburger::after {background: #e74a24; border-radius: 3px; content: ''; display: block; height: 3px; transition: all ease-in-out 500ms; width: 1.75em;}
.hamburger::before {transform: translateY(-6px);}
.hamburger::after {transform: translateY(3px);}
.open .hamburger {transform: rotate(45deg);}
.open .hamburger::before {opacity: 0;}
.open .hamburger::after {transform: translateY(-3px) rotate(-90deg);}

nav input[type="checkbox"]:checked + .sub-menu {display: block;}
#toggle-menu .drop-icon, nav li label.drop-icon {position: absolute; right: 0; top: 0;}
nav label.drop-icon, #toggle-menu span.drop-icon {color: #fff; color: rgba(255, 255, 255, .75); background-color:#000; background-color: rgba(0, 0, 0, .25); font-size: 1em; text-shadow: 0 0 0 transparent; padding: .75em; text-align: center; width: 20%;}

/* - MAIN DESKTOP SUB DROP DOWN MENU MIN WIDTH 980 PX - */
@media only screen and (min-width: 1082px) {
#tm:checked + .main-menu {display: block; margin: 0 auto;}
#toggle-menu, nav label.drop-icon {display: none;}
nav ul span.drop-icon {display: inline-block;}

	/*DESKTOP DROP DOWN ON HOVER*/
nav .sub-menu {border-width: 0; margin: 0; position: absolute; top: 40px; left: 0; min-width: 100%; width: 120%; z-index: 3000;}
nav .sub-menu li {border-bottom: 1px solid #fff; border-width: 0 0 1px; float: none; width: 120%;} 
nav .sub-menu li a {background-color: #996600; color: #fff; font-size: 15px; text-align: left; width:100%;} /*DESKTOP DROP DOWN BACKGROUND COLOR*/
nav .sub-menu, nav input[type="checkbox"]:checked + .sub-menu {display: none;}
nav .sub-menu .drop-icon {position: absolute; top: 0; right: 0; padding: 1em;}
nav li:hover > input[type="checkbox"] + .sub-menu {display: block;}
nav .sub-menu li .last {border-width: 0; width: auto;}
nav .sub-menu .sub-menu {top: 0;left: 100%;}
}

/* Angled Service Areas */
.serv-areas::before {
  background-color: #db9e36;
  top: -150px;
  content: "";
  height: 35%;
  position: absolute;
  -webkit-transform: skewY(5deg);
  -o-transform: skewY(5deg);
  -ms-transform: skewY(5deg);
  -moz-transform: skewY(5deg);
  transform: skewY(5deg);
  transform-origin: 0;
  width: 100%;
}

/* Service Areas */
.serv-areas {display: block; height: 100%; margin: 0 auto; max-width: 100%; min-height: 450px; position: relative; width: 100%;}

/* feature section */
.feature-section {background-color: #28352e; color: #fff; height: auto; min-height: 250px; padding: 12px; position: relative; width: 100%;}
.feature-section ul {list-style-type: none; margin-bottom: 10px; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}
.feature-section ul li {font-size: 16px; line-height: 20px; list-style: inside none; margin-left: 12px; padding-bottom: 6px; text-indent: 20px;}
.feature-section p {margin: 0 auto; padding: 0;}

/* Map Zones */
.map-zones {display: flex; align-content: center; justify-content: center; margin: 0 auto; height: auto; position: relative; width: 100%;}
.map-zones ul {list-style-type: none; margin-bottom: 10px; margin: 0 auto; max-width: 100%; padding: 0; position: relative;}
.map-zones ul li {font-size: 16px; line-height: 20px; list-style: inside none; padding-bottom: 6px;}
.map-zones h3 {text-align: left;}

/* INNER PAGES */
.inner-hero-container {height: auto; margin: 0 auto; position: relative; max-width: 100%; width: 100%;}
/* .inner-hero-container {background: #fff url('../images/inner-header-image-temp.jpg') no-repeat bottom center; background-size: cover; margin: 0 auto; position: relative; max-width: 100%; min-height: 300px; width: 100%;} */

.inner-header-img {background: #fff url('../images/inner-header-image.jpg') no-repeat bottom center; background-size: cover; margin: 0 auto; position: relative; max-width: 100%; min-height: 300px; width: 100%;}
.inner-pg-body {display: block; height: 100%; margin: 0 auto; max-width: 100%; min-height: 600px; position: relative; width: 100%;}

/* disclaimer text added July 7 2025 */
.disclaimer {background-color: #E5BB72; border-radius: 6px; height: auto; margin: 0 auto; max-width: 100%; padding: 20px; position: relative; width: auto;}
.disclaimer p {font-family: "Inter", sans-serif; padding: 0;}

/* to embed iframes */
.video-wrapper {clear: both; background-color: #fff; border: #dddddd 2px solid; margin-bottom: 10px; max-width: 100%; position: relative; z-index: 500;}
.video-container {height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px;position: relative;}
.video-container iframe,
.video-container object,
.video-container embed {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

/* social media text boxes */
.box-social-icons {height: auto; margin: 20px; padding: 0; max-width: 100%; text-align: center;}
.social-icon {display: inline-block; height: auto; max-width: 100%; position: relative;}

footer {background-color: #e74a24; margin: 0 auto; padding: 0; position: relative; width: 100%;}
footer h3 {color: #fff; font-size: 24px; line-height: 26px;}
.footertext p {color: #1f1f1f; margin-bottom: 1rem;}
.footertext a {color: #1f1f1f;}
.footertext a:hover {color: #fff;}
.footertext ul {color: #1f1f1f; padding-bottom: 10px; list-style-type: none;}
.footertext ul li {color: #1f1f1f; padding: 0 0 10px 0; line-height: 18px; list-style: outside none;}
.footer-logo {display: block; height: auto; margin: 0 auto; max-width: 100%;}

.footer-btn {display: inline-block; height: auto; margin-right: 10px; position: relative; width: auto;}
.footer-btn a {background-color: #fff; border: 2px solid #1f1f1f; border-radius: 50px; color: #1f1f1f; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 500; margin: 0 auto; margin: 8px 0 8px; padding: 12px 26px 12px; position: relative; text-align: center; text-transform: uppercase;}
.footer-btn a:hover {background-color: #db9e36; color: #1f1f1f;}

.copyright p {font-size: 14px; line-height: 20px;}
.gs-logo {display: block; height: auto; margin: 0; max-width: 100%; padding: 0 0 8px 0;}

/*-------------------------------------------MOBILE MOBILE MOBILE DEVICE AREA SETTINGS----------------------------------------------*/

/*Styles for screen 1080px and lower*/
@media only screen and (max-width: 1080px) {}

/* Styles for screen 980px and lower for NAVIGATION */
@media only screen and (max-width: 1080px) {
.header-top-bk {background-color: transparent;}

.navbar-collapse{height: 1vh; overflow: hidden; position: absolute; right: 0; top: 0; transition: all 0.6s ease; width: 100%; z-index: 1000;}
.collapse {height: 100vh; width: 100%;}
.menu-toggle {display: block; top: 50px;}
nav .main-menu {display: block;}
nav {background: rgb(78,126,112); height: auto; margin: 0 auto; right: 0; top: 93px; transition: 0.5s; width: 100%; z-index: 1000;}
nav ul li {display: block; list-style: none; width: 100%;}
nav ul li a {border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,1); border-radius: 0; color: #fff; display: block; margin-top: 0; margin-right: 0; padding: 12px; text-align: left; top: 0;}
nav ul li a:hover {background-color: #fff; color: #232323;}
nav .sub-menu li a {background-color: #bda057; color: #fff; font-size: 15px; } /* MOBILE DROP DOWN BACKGROUND COLOR */
nav .sub-menu li a:last-child {border-width: 0;}
nav .sub-menu {display: none;} /* - FOR MOBILE DROP DOWN MENUS TO WORK - */
}
@media only screen and (max-width: 768px) {
.menu-toggle {top: 0;}
nav {top: 285px;}
} /* nav {top: 150px;} */

@media only screen and (max-width: 667px) {
.menu-toggle {top: -10px;}
} /* nav {top: 240px;} */

@media only screen and (max-width: 380px) {}

/* ------------------ END NAVIGATION --------------------- */
/*Styles for screen 1112px to 1024px*/
@media screen and (max-width: 1800px) and (min-width: 1024px) {
.hero-container {min-height: 960px;}
}

@media screen and (max-width: 1024px) { 
.hero-text {padding: 220px 0 0 20px;}
.inner-hero-container {background: #fff url('../images/inner-header-image.jpg') no-repeat bottom center; background-size: cover; margin: 0 auto; min-height: 300px;}
.inner-header-img {display: none;}
.dkgreen-btn a {font-size: 24px; margin: 0 auto;}
.gold-btn a {font-size: 24px; margin: 0 auto;}
}

@media screen and (max-width: 900px) {
.hero-container {min-height: 700px;}
h1 {font-size: 52px; margin-bottom: 10px;}
.hero-h2 {font-size: 43px;}
h3 {font-size: 24px; line-height: 26px;}
h4 {font-size: 20px; line-height: 26px;}
.hero-tagline {max-width: 60%;}
}

@media screen and (max-width: 834px) {
.serv-areas {min-height: 350px;}
.serv-areas::before {height: 35%; top: -70px;}
.title-tagline {font-size: 24px;}
.dkgreen-btn {margin-right: 0; padding-bottom: 10px;}
.footer-btn a {font-size: 18px;}
}

@media screen and (max-width: 810px) {
.hero-text {padding: 180px 0 0 20px;}
}

@media screen and (max-width: 768px) {
.logo {position: relative; text-align: center; top: 20px;}
.phone-text {float: none; display: block; margin: 0 auto; margin-top: 10px; text-align: center; width: 180px;}
.hero-container {min-height: 600px;}
.hero-text {padding: 40px 20px;}
h1 {font-size: 45px;}
h2 {font-size: 42px;}
h3 {font-size: 24px;}
.hero-h2 {font-size: 32px; line-height: 34px;}
.section-title {margin-bottom: 1.56rem;}
}

@media screen and (max-width: 667px) {
h1, h2, h3, .hero-h2 {text-align: center;}
.hero-h2 {padding-bottom: 10px;}
.feature-section {min-height: auto;}
.hero-tagline {background-color: #fff; border-radius: 6px; padding: 6px; text-align: center; max-width: 100%;}
.title-tagline {font-size: 22px; line-height: 28px;}
.sm-tagline {font-size: 18px; line-height: 22px;}
.dkgreen-btn {display: block; margin: 0 auto; text-align: center;}
.dkgreen-btn a {font-size: 16px;}
.gold-btn {display: block; margin: 0 auto; text-align: center;}
.gold-btn a {font-size: 20px;}
.location-pin {display: block; margin: 0 auto; margin-bottom: 8px;}
.video-container {padding-bottom: 100%; padding-top: 100%;}
.footertext {text-align: center;}
}

@media screen and (max-width: 426px) {
.serv-areas::before {top: -40px;}
h2 {font-size: 34px;}
h3 {font-size: 20px;}
.hero-tagline {font-size: 17px; line-height: 22px;}
.section-padding {padding: 4.4rem 0 6.4rem;}
.product-images {width: 250px;}
.ltgreen-btn {margin: 0 auto; text-align: center;}
.gs-logo {margin: 0 auto;}
}

@media screen and (max-width: 375px) {h1 {font-size: 42px;}}