/* Root */
 :root {
     --font-body:"Barlow",sans-serif;
     --font-headline:"Barlow Condensed",sans-serif;
     --primary-color:#dc5130;
     --primary-color-darker:#a33e24;
    /*--secondary-color:#f2b83a;
     --secondary-color-darker:#c2721b;
    */
     --secondary-color:#999999;
     --secondary-color-darker:#323232;
     --black:#0a0a0a;
     --dark-gray:#333;
     --medium-gray:#aaa;
     --light-gray:#f4f4f4;
     --white:#fefefe;
     --global-spacing:2rem;
     --global-radius:0.25rem;
     --transition-primary:all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
     --transition-secondary:all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 body {
     padding-top: 5rem;
}
/* Import Components */
 :root {
     --nav-header-height:9rem;
     --nav-logo-width:62%;
     --nav-close-button-height:3rem;
     --nav-button-height:3rem;
     --nav-button-spacing:1.5rem;
     --nav-global-transition:all 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
 #nav-container {
     background: #fefefe;
     width: 90%;
     max-width: 20rem;
     height: 100vh;
     padding: 0;
     position: fixed;
     top: 0;
     right: 0;
     transform: translate3d(20rem, 0, 0);
     transform-origin: center top;
     transition: all 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
     pointer-events: none;
     opacity: 0;
     box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2), 0 0 0.25rem rgba(0, 0, 0, 0.08);
     overflow: hidden;
     z-index: 50;
}
 #nav-container #nav-header {
     height: 9rem;
     text-align: center;
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
     position: absolute;
     top: 3rem;
     right: 0;
     left: 0;
}
 #nav-container #nav-header .logo {
     width: 100%;
     height: calc(9rem - 3rem - 1.5rem);
     line-height: calc(9rem - 3rem - 1.5rem);
     color: #0a0a0a;
     text-align: center;
     text-decoration: none;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
}
 #nav-container #nav-header .logo img {
     width: 62%;
     height: auto;
     margin: 0 auto;
     display: inline-block;
     vertical-align: middle;
}
 #nav-container #nav-header .button {
     width: calc(100% - 4rem);
     height: 3rem;
     font-size: 1rem;
     line-height: 3rem;
     border: 0;
     box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.16);
     padding: 0 0.5rem;
     margin: 0;
     position: absolute;
     bottom: 1.5rem;
     left: 50%;
     transform: translateX(-50%);
}
 #nav-container #nav-header .button:hover {
     box-shadow: none;
}
 #nav-container #close-nav {
     background: #f4f4f4 !important;
     width: 100%;
     height: 3rem;
     line-height: 3rem;
     text-align: center;
     border-radius: 0;
     position: absolute;
     top: 0;
     left: 0;
     transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
     z-index: 1;
     display: block;
}
 #nav-container #close-nav .hamburger-box {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(180deg);
     transition: all 700ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
     opacity: 0.15;
}
 #nav-container #close-nav .hamburger-inner, #nav-container #close-nav .hamburger-inner::before, #nav-container #close-nav .hamburger-inner::after {
     background-color: #0a0a0a;
}
 #nav-container #close-nav:hover .hamburger-box, #nav-container #close-nav:focus .hamburger-box {
     opacity: 0.3;
}
 #nav-container ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 #nav-container ul li, #nav-container ul li > a {
     margin: 0;
     display: block;
}
 #nav-container #nav-menu {
     padding: 1rem 0;
     position: absolute;
     top: calc(9rem + 3rem);
     right: 0;
     bottom: 0;
     left: 0;
     overflow-x: hidden;
     overflow-y: auto;
     z-index: 0;
}
 #nav-container #nav-menu > ul {
     padding: 0;
     margin: 0;
     display: block;
}
 #nav-container #nav-menu > ul > li {
     transform: translate3d(5rem, 0, 0);
     transition: all 700ms ease;
     transition-delay: 0.1s;
     opacity: 0;
}
 #nav-container #nav-menu > ul > li:nth-child(2) {
     transition-delay: 0.15s;
}
 #nav-container #nav-menu > ul > li:nth-child(3) {
     transition-delay: 0.2s;
}
 #nav-container #nav-menu > ul > li:nth-child(4) {
     transition-delay: 0.25s;
}
 #nav-container #nav-menu > ul > li:nth-child(5) {
     transition-delay: 0.3s;
}
 #nav-container #nav-menu > ul > li:nth-child(6) {
     transition-delay: 0.35s;
}
 #nav-container #nav-menu > ul > li:nth-child(7) {
     transition-delay: 0.4s;
}
 #nav-container #nav-menu > ul > li:nth-child(8) {
     transition-delay: 0.45s;
}
 #nav-container #nav-menu > ul > li:nth-child(9) {
     transition-delay: 0.5s;
}
 #nav-container #nav-menu > ul > li:nth-child(10) {
     transition-delay: 0.55s;
}
 #nav-container #nav-menu > ul > li:nth-child(11) {
     transition-delay: 0.6s;
}
 #nav-container #nav-menu > ul > li:nth-child(12) {
     transition-delay: 0.65s;
}
 #nav-container #nav-menu > ul > li:nth-child(13) {
     transition-delay: 0.7s;
}
 #nav-container #nav-menu > ul > li:nth-child(14) {
     transition-delay: 0.75s;
}
 #nav-container #nav-menu > ul > li:nth-child(15) {
     transition-delay: 0.8s;
}
 #nav-container #nav-menu > ul > li > a:not(.button) {
     font-size: 1.1rem;
     line-height: 1.1rem;
     font-weight: 500;
     color: #333;
     text-decoration: none;
     padding: 0.75rem 2rem;
     transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #nav-container #nav-menu > ul > li > a.button {
     color: #fefefe;
     box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.2);
}
 #nav-container #nav-menu > ul > li:hover > a:not(.button) {
     color: #dc5130;
}
 #nav-container #nav-menu > ul > li:hover > a.button {
     color: #fefefe;
     box-shadow: none;
}
 #nav-container #nav-menu > ul > li.has-submenu > a:not(.button):before {
     content: "";
     position: absolute;
     top: 52%;
     right: 2rem;
     transform: translateY(-50%);
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0.25rem 0.25rem 0 0.25rem;
     border-color: #d0d0d0 transparent transparent transparent;
}
 #nav-container #nav-menu > ul > li.has-submenu.is-active > a:not(.button):before {
     transform: translateY(-50%) rotate(180deg);
}
 #nav-container #nav-menu > ul > li .nav-submenu {
     background-color: #f4f4f4;
     padding: 1rem 0;
     display: none;
}
 #nav-container #nav-menu > ul > li .nav-submenu > li > a:not(.button) {
     font-size: 1rem;
     line-height: 1rem;
     font-weight: 500;
     color: #aaa;
     text-decoration: none;
     padding: 0.5rem 2.5rem;
     transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #nav-container #nav-menu > ul > li .nav-submenu > li:hover > a:not(.button) {
     color: #333;
}
 #nav-container.is-active {
     transform: translate3d(0, 0, 0);
     pointer-events: visible;
     opacity: 1;
}
 #nav-container.is-active #close-nav .hamburger-box {
     transform: translate(-50%, -50%) rotate(0deg);
}
 #nav-container.is-active #nav-menu > ul > li {
     transform: translate3d(0, 0, 0);
     opacity: 1;
}
/* Responsive */
 @media (min-width: 1024px) {
     #nav-container {
         background-color: transparent;
         width: auto;
         max-width: none;
         height: auto;
         top: 0;
         right: 1rem;
         transform: translate3d(0, 3.85rem, 0);
         pointer-events: all;
         opacity: 1;
         box-shadow: none;
         overflow: visible;
         transition: transform 400ms ease;
    }
     #nav-container #nav-menu {
         padding: 0;
         position: relative;
         top: auto;
         right: auto;
         bottom: auto;
         left: auto;
         overflow-x: visible;
         overflow-y: visible;
         opacity: 1;
         transition: all 0s;
    }
     #nav-container #nav-menu > ul {
         opacity: 1;
    }
     #nav-container #nav-menu > ul:after {
         clear: both;
         display: block;
         content: "";
    }
     #nav-container #nav-menu > ul > li {
         text-transform: uppercase;
         transform: translate3d(0, 0, 0) !important;
         transition: all 0s;
         transition-delay: 0s !important;
         opacity: 1;
         float: left;
    }
     #nav-container #nav-menu > ul > li > a:not(.button) {
         font-weight: 600;
         padding: 1rem 0.75rem;
    }
     #nav-container #nav-menu > ul > li.has-submenu > a:not(.button):before {
         display: none;
    }
     #nav-container #nav-menu > ul > li .nav-submenu {
         background-color: #dc5130;
         width: auto;
         min-width: 200px;
         height: auto;
         border-radius: 0.25rem;
         box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.08);
         padding: 0.75rem 1rem;
         position: absolute;
         top: 100%;
         left: 0;
    }
     #nav-container #nav-menu > ul > li .nav-submenu > li {
         text-transform: uppercase;
    }
     #nav-container #nav-menu > ul > li .nav-submenu > li > a:not(.button) {
         background-color: transparent;
         color: #fefefe;
         font-size: 0.9rem;
         line-height: 1rem;
         font-weight: 600;
         border-radius: 0.15rem;
         padding: 0.6rem 0.8rem 0.7rem 0.8rem;
         white-space: nowrap;
    }
     #nav-container #nav-menu > ul > li .nav-submenu > li:hover > a:not(.button) {
         background-color: #999999;
         color: #323232;
         text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
         box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.08);
    }
     #nav-container #nav-menu > ul > li:hover .nav-submenu {
         display: block;
         animation: fadeInUp 250ms;
    }
     #nav-container #nav-header, #nav-container #close-nav {
         display: none !important;
    }
     .is-scrolled #nav-container {
         transform: translate3d(0, 1rem, 0);
    }
}
 #shield-container {
     background-color: rgba(32, 32, 32, 0.8);
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     display: none;
     z-index: 14;
}
 :root {
     --topbar-height:8rem;
     --topbar-primary-height:5rem;
     --topbar-secondary-height:3rem;
     --topbar-hidden:-2.75rem;
     --topbar-logo-height:5rem;
     --topbar-logo-height-scrolled:3.5rem;
}
 #topbar-container {
     background: #fefefe;
     width: 100%;
     height: 8rem;
     box-shadow: 0 0 2rem rgba(0, 0, 0, 0.4);
     position: fixed;
     top: 0;
     left: 0;
     z-index: 10;
     transform: translateY(-2.75rem);
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #topbar-primary {
     height: 5rem;
}
 #topbar-primary .logo {
     width: auto;
     height: 5rem;
     text-align: center;
     text-decoration: none;
     line-height: 5rem;
     position: absolute;
     top: 0;
     left: 0;
     transform: translate(1rem, 0);
     display: block;
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #topbar-primary .logo img {
     background-color: #fefefe;
     width: auto;
     height: 3.5rem;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     padding: 0;
     margin: 0 auto;
     display: inline-block;
     vertical-align: middle;
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #topbar-secondary {
     background-color: #dc5130;
     height: 3rem;
     font-size: 0.9rem;
     font-weight: 500;
     color: #fefefe;
}
 #topbar-secondary .row, #topbar-secondary [class^=row-] {
     height: 100%;
     opacity: 0;
}
 #topbar-secondary span {
     line-height: 1rem;
     margin: 0 auto;
     display: inline-block;
     vertical-align: middle;
     top: -0.15rem;
}
 #topbar-secondary a:not(.social-icon) {
     color: #fefefe;
     text-decoration: none;
}
 #topbar-secondary a.social-icon {
     padding: 0.25rem 0.5rem;
     margin: 0 auto;
     display: inline-block;
     vertical-align: middle;
     transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 #topbar-secondary a.social-icon svg {
     fill: #fefefe;
     width: auto;
     height: 1.25rem;
     margin: 0;
     display: block;
}
 #topbar-secondary a.social-icon:hover {
     animation: tada 1s;
}
 #open-nav {
     width: 5rem;
     height: 5rem;
     line-height: 5rem;
     text-align: center;
     position: absolute;
     top: 0;
     right: 0;
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
     display: block;
}
 #open-nav .hamburger-box {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 #open-nav .hamburger-inner, #open-nav .hamburger-inner::before, #open-nav .hamburger-inner::after {
     background-color: #333;
     border-radius: 1px;
}
 #topbar-button {
     width: 5rem;
     height: 5rem;
     font-size: 1.75rem;
     font-weight: 600;
     color: #fefefe;
     text-align: center;
     line-height: 5rem;
     padding: 0;
     margin: 0;
     text-decoration: none;
     position: absolute;
     top: 0;
     right: 0;
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
     display: none;
}
 #topbar-button svg {
     fill: #333;
     width: auto;
     height: 1.75rem;
     margin: 0 auto;
     display: inline-block;
     vertical-align: middle;
     top: -0.35rem;
}
 #topbar-button:hover svg {
     animation: tada 1s;
}
 .is-scrolled #topbar-container {
     transform: translateY(-2.75rem);
}
 .is-scrolled #topbar-primary .logo {
     transform: translate(1rem, 0);
}
 .is-scrolled #topbar-primary .logo img {
     height: 3.5rem;
     padding: 0;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}
 .is-scrolled #topbar-secondary .row, .is-scrolled #topbar-secondary [class^=row-] {
     opacity: 0;
}
 .nav-submenu hr{
     width: 40%;
     margin-left: 2.5rem;
     background-color: #aaa;
}
/* Responsive */
 @media (min-width: 1024px) {
     #topbar-container {
         transform: translateY(0);
    }
     #topbar-primary .logo {
         transform: translate(1rem, 1rem);
    }
     #topbar-primary .logo img {
         height: 5rem;
         padding: 0 2.75rem 0.75rem 2.75rem;
         border-bottom-left-radius: 4rem;
         border-bottom-right-radius: 4rem;
    }
     #topbar-secondary .row, #topbar-secondary [class^=row-] {
         transition: all 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
         opacity: 1;
    }
     #open-nav {
         display: none !important;
    }
     .nav-submenu hr{
         background-color: #fff;
         margin-left: 1rem;
    }
}
 header {
     background-color: #0a0a0a;
     height: auto;
     color: #fefefe;
     padding: 2rem 0;
     z-index: 2;
}
 header h1, header .h1 {
     font-size: 2.75rem;
     line-height: 2.75rem;
     text-transform: uppercase;
     margin-top: 0;
}
 header h1 .sub, header .h1 .sub {
     font-family: "Barlow Condensed",sans-serif;
     font-weight: 600;
     margin-top: 0.5rem;
}
 #header-buttons {
     margin: 2rem 0 0 0;
     display: block;
}
 @media (min-width: 1024px) {
     header {
         padding: calc(2rem + 1rem) 0;
    }
     header h1, header .h1 {
         font-size: 3.75rem;
         line-height: 3.75rem;
    }
     header #header-buttons .button:nth-child(1) {
         margin-left: 0;
    }
}
 @media (min-width: 1600px) {
     header h1, header .h1 {
         font-size: 4rem;
         line-height: 4rem;
    }
}
 #main-container {
     background-color: #f4f4f4;
}
 #main-row {
     height: 100%;
}
 #main-primary {
     background-color: #fefefe;
     box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
     z-index: 1;
}
 #main-primary section > .first-headline {
     letter-spacing: -0.05rem;
     margin-bottom: 0.25rem;
}
 #main-primary section > .first-headline + h3 {
     margin-bottom: 1.5rem;
}
 #main-primary section p > img {
     width: 100% !important;
     height: auto !important;
     margin: 0;
     display: block;
}
 #main-sidebar {
     z-index: 0;
}
 #main-sidebar ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 #main-sidebar ul li {
     font-weight: 500;
     padding: 0;
     margin: 0;
}
 #main-sidebar ul li a {
     color: #333;
     text-decoration: none;
     border-radius: 0.25rem;
     padding: 0.5rem 1rem;
     margin: 0;
     display: block;
}
 #main-sidebar ul li a:hover {
     padding-left: 1.5rem;
}
 #main-sidebar ul li a.active {
     background-color: #999999;
     font-weight: 600;
     color: #323232;
     box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.16);
}
 #main-sidebar ul li a.active:hover {
     background-color: #dc5130;
     color: #fefefe;
     box-shadow: none;
     padding-left: 1rem;
}
 #main-sidebar input[type=text], #main-sidebar select, #main-sidebar textarea {
     background-color: rgba(0, 0, 0, 0.08);
}
 #main-sidebar input[type=text]:hover, #main-sidebar input[type=text]:focus, #main-sidebar select:hover, #main-sidebar select:focus, #main-sidebar textarea:hover, #main-sidebar textarea:focus {
     box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.08) inset;
}
 #main-sidebar input[type=text]:focus, #main-sidebar select:focus, #main-sidebar textarea:focus {
     background-color: rgba(0, 0, 0, 0.16);
}
 #main-sidebar form {
     width: calc(100% + 0.5rem);
     transform: translateX(-0.25rem);
}
 #main-sidebar form > [class^=col-] {
     padding: 0.25rem;
}
 #main-sidebar form input[type=submit] {
     width: 100%;
     margin: 0;
}
 #main-sidebar .box {
     max-width: 560px;
     margin: 1rem auto;
     display: inline-block;
}
 #main-sidebar .box:first-of-type {
     margin-top: 0;
}
 #main-sidebar-row {
     height: 100%;
}
 #main-sidebar-row .box {
     width: 100%;
     height: auto;
     margin: 2rem 0;
}
 #sidebar-quote {
     position: sticky;
     top: calc(8rem - 3rem);
}
 #sidebar-quote .form-field-wrapper:after {
     clear: both;
     display: block;
     content: "";
}
 #sidebar-quote .form-field-wrapper .form-field-item {
     width: calc(100% - 0.5rem);
     margin: 0.25rem;
     float: left;
}
 #sidebar-quote .form-field-wrapper .form-field-item:nth-child(1), #sidebar-quote .form-field-wrapper .form-field-item:nth-child(2), #sidebar-quote .form-field-wrapper .form-field-item:nth-child(3), #sidebar-quote .form-field-wrapper .form-field-item:nth-child(4) {
     width: calc(50% - 0.5rem);
}
 #sidebar-quote .form-button {
     padding: 0 0.25rem;
}
 #sidebar-quote .form-button .button {
     margin: 0;
}
 @media (min-width: 1024px) {
     #main-sidebar .box:first-of-type {
         margin-top: 1rem;
    }
}
 footer {
     background-color: #202020;
     font-size: 0.9rem;
     line-height: 1.25rem;
     color: #f4f4f4;
     padding: 2rem 0;
     z-index: 2;
}
 footer:before {
     content: "";
     background-image: url(/files/account/images/banner-guy-harveys-panama-city.jpg);
     background-size: cover;
     background-position: center bottom;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     filter: grayscale(1);
     opacity: 0.08;
}
 footer .row, footer [class^=row-] {
     z-index: 1;
}
 footer ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 footer ul li {
     font-size: 0.9rem;
     font-weight: 400;
}
 footer ul li a {
     color: #aaa;
     padding: 0.25rem 0;
     margin: 0 auto;
     display: inline-block;
}
 footer ul li a:hover {
     color: #f4f4f4;
     text-decoration: none;
}
 footer .headline {
     font-size: 0.8rem;
     font-weight: 500;
     color: #fefefe;
     text-transform: uppercase;
     margin: 1rem 0 1.5rem 0;
}
 footer .h2 {
     margin-top: 0;
}
 #footer-lists > [class^=col-] {
     text-align: left;
}
 #footer-company a:not(.button) {
     font-weight: 400;
     color: #fefefe;
     text-decoration: none;
}
 #footer-company a:not(.button):hover {
     color: #999999;
     text-decoration: none;
}
/* Home Services */
 .home-services .box {
     border-radius: 0.25rem;
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
     overflow: hidden;
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
     border-bottom: solid 0.6rem #dc5130;     
}
 .home-services .box:hover {
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
}
 .home-services .box-image {
     margin: 0;
     display: block;
     z-index: 0;
}
 .home-services .box-image img {
     width: 100%;
     margin: 0;
     display: block;
}
 .home-services .box-content {
     background-color: rgba(0, 0, 0, 0.4);
     color: #fefefe;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     transition: all 0.5s;
}
 .home-services .box-content h3, .home-services .box-content p {
     width: 80%;
     height: auto;
     color: #fefefe;
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .home-services .box-content h3 {
     width: 92%;
     font-size: 1.5rem;
     line-height: 1.6rem;
     text-shadow: 0.15rem 0.15rem rgba(0,0,0,0.5);
}
 .home-services .box-content p {
     transform: translate(-50%, -20%);
     opacity: 0;
}
 .home-services .box-link {
     text-decoration: none;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
}
 .home-services .box:hover .box-content {
     background-color: rgba(0, 0, 0, 0.7);
}
 .home-services .box:hover .box-content h3 {
     transform: translate(-50%, -80%);
     opacity: 0;
}
 .home-services .box:hover .box-content p {
     transform: translate(-50%, -50%);
     opacity: 1;
}
/* Home Services Featured, Areas, About, Portfolio */
 .home-services-featured, .home-areas, .home-about, .home-portfolio {
     padding: 2rem 0;
     margin-top: 2rem;
}
 .home-portfolio{
     margin-top: 0 !important;
}
 .home-services-featured h2, .home-services-featured h3, .home-areas h2, .home-areas h3, .home-about h2, .home-about h3, .home-portfolio h2, .home-portfolio h3 {
     margin-top: 0;
     margin-bottom: 1.25rem;
}
 .home-services-featured h2, .home-areas h2, .home-about h2, .home-portfolio h2 {
     text-transform: uppercase;
}
 .home-services-featured p, .home-areas p, .home-about p, .home-portfolio p {
     margin-top: 0.75rem;
}
 .home-services-featured p:last-of-type, .home-areas p:last-of-type, .home-about p:last-of-type, .home-portfolio p:last-of-type {
     margin-top: 1.5rem;
     margin-bottom: 0;
}
 .home-services-featured, .home-areas {
     color: #fefefe;
}
 .home-services-featured h2, .home-services-featured h3, .home-areas h2, .home-areas h3 {
     color: #fefefe;
}
 .home-services-featured h2 .sub, .home-services-featured h3 .sub, .home-areas h2 .sub, .home-areas h3 .sub {
     color: #999999;
}
 .home-about h2 .sub, .home-portfolio h2 .sub {
     color: #dc5130;
}
 .home-about {
     padding: 0 0 2rem 0;
}
 .home-about:before {
     content: "";
     background-image: url(/files/account/images/banner-car-wash-background.jpg);
     background-position: center bottom;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     filter: grayscale(1);
     opacity: 0.15;
}
 .home-about:after {
     content: "";
     background: linear-gradient(180deg, white, rgba(255, 255, 255, 0));
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}
 .home-about .row, .home-about [class^=row-] {
     z-index: 2;
}
 .home-about img {
     width: 100%;
     max-width: 720px;
     border-radius: 0.25rem;
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.3);
     margin: 0 auto;
     display: inline-block;
}
 .home-portfolio {
     background-color: #f4f4f4;
}
 .home-portfolio:before {
     content: "";
     background-image: url(/files/account/images/banner-car-row-background.jpg);
     background-position: center bottom;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 0;
     filter: grayscale(1);
     opacity: 0.08;
}
 .home-portfolio:after {
     content: "";
     background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 1;
}
 .home-portfolio .row, .home-portfolio [class^=row-] {
     z-index: 2;
}
 .home-portfolio-gallery {
     padding-top: 2rem;
}
 .home-portfolio-gallery img {
     width: 100%;
     border-radius: 0.25rem;
     margin: 0;
     display: block;
     z-index: 0;
}
 .home-portfolio-gallery .box-content {
     background: rgba(0, 0, 0, 0.4);
     color: #fefefe;
     border-radius: 0.25rem;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1;
     overflow: hidden;
}
 .home-portfolio-gallery .box-content h3 {
     width: 90%;
     color: #fefefe;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
     font-size: 1.5rem;
     line-height: 1.6rem;
     text-shadow: 0.15rem 0.15rem rgba(0,0,0,0.5);
}
.home-portfolio-gallery .box-content h3 .sub{
    font-size: 60%;
}
 .home-portfolio-gallery .box-content .button {
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -20%);
     transition: all 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
     opacity: 0;
}
 .home-portfolio-gallery .box-link {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 2;
}
 .home-portfolio-gallery .box:hover .box-content h3 {
     transform: translate(-50%, -75%);
     opacity: 0;
}
 .home-portfolio-gallery .box:hover .box-content .button {
     transform: translate(-50%, -50%);
     opacity: 1;
}
/* Responsive */
 @media (min-width: 720px) {
     .home-services .box-content h3,
     .home-portfolio-gallery .box-content h3{
         font-size: 1.25rem;
         line-height: 1.35rem;
    }
}
 @media (min-width: 1024px) {
     .home-services-featured, .home-areas, .home-about, .home-portfolio {
         padding: 2rem 0;
    }
     .home-services-featured .button:first-of-type, .home-areas .button:first-of-type, .home-about .button:first-of-type, .home-portfolio .button:first-of-type {
         margin-left: auto;
    }
    .home-services .box {
        max-height: 350px;
    }
     .home-services .box-content h3,
     .home-portfolio-gallery .box-content h3{
         font-size: 1.75rem;
         line-height: 1.85rem;
    }
}
 @media (min-width: 1600px) {
     .home-services-featured, .home-areas, .home-about, .home-portfolio {
         padding: 3rem 0;
         margin-top: 3rem;
    }
     .home-about img {
         width: 50vw;
         max-width: 50vw;
         transform: translateX(-12.5vw);
         margin: 0;
         display: block;
    }
}
/* Page Forms */
 .page-form .box {
     background-color: #f4f4f4;
     max-width: 640px;
     text-align: left;
     border: 1px solid #e2e2e2;
     border-radius: 0.25rem;
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.03);
     padding: 2rem;
}
 .page-form .box input[type=text], .page-form .box select, .page-form .box textarea {
     background: rgba(0, 0, 0, 0.06);
     box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.08) inset !important;
}
 .page-form .box input[type=text]:hover, .page-form .box input[type=text]:focus, .page-form .box select:hover, .page-form .box select:focus, .page-form .box textarea:hover, .page-form .box textarea:focus {
     background: rgba(0, 0, 0, 0.12);
}
/* Page Content Areas */
 .page-content h2 + h3 {
     margin-top: -0.5rem;
}
/* Areas Page */
 .area-map-outer, .google-map {
     width: 100%;
     height: 500px;
     display: block;
}
 .area-map-outer {
     margin: 1.5rem 0;
}
 .google-map {
     margin: 0;
}
/* Careers Page */
 .list-simple {
     list-style-type: none;
}
 .list-simple li {
     margin: 0.75rem 0;
}
 .list-simple li:last-of-type {
     margin-bottom: 0;
}
/* Payments Page */
 #payments-box form {
     background-color: #f4f4f4;
     width: 100%;
     max-width: 560px;
     text-align: center;
     border: 1px solid #e2e2e2;
     border-radius: 0.25rem;
     box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.03);
     padding: 1rem 1rem 1.75rem 1rem;
     margin: 1.5rem auto;
     display: inline-block;
     vertical-align: top;
}
 #payments-box form input[type=text] {
     background-color: #fefefe;
     border: 1px solid #e2e2e2;
     border-radius: 0.25rem;
}
/* Responsive */
 @media (min-width: 1024px) {
     :root {
         --global-spacing:4rem;
    }
     body {
         padding-top: 8rem;
    }
}
 @media (min-width: 1600px) {
     :root {
         --global-spacing:6rem;
    }
}
 .background-headline {
     margin-bottom: 0;
     width: 94%;
     margin-left: 0;
     margin-right: auto;
     margin-top: 0;
     text-align: left;
     border-bottom: solid 0.3rem #e6e6e6;
}
 .background-headline:not(:first-of-type) {
     margin-top: 5rem;
}
 .background-headline h2 {
     font-size: 2.5rem;
     line-height: 2.5rem;
     color: #e6e6e6;
     text-transform: uppercase;
     font-weight: 800;
}
 .background-headline.right {
     text-align: right;
     margin-right: -2rem;
}
 @media (min-width:720px) {
     .background-headline {
         margin-bottom: 0;
    }
     .background-headline h2 {
         font-size: 4rem;
         line-height: 3.5rem;
    }
}
 @media (min-width:1024px) {
     .background-headline {
         margin-bottom: 0;
    }
     .background-headline h2 {
         font-size: 4rem;
         line-height: 3.5rem;
    }
}
 @media (min-width:1200px) {
     .background-headline {
         margin-bottom: 1rem;
    }
     .background-headline h2 {
         font-size: 6rem;
         line-height: 5rem;
    }
}
 @media (min-width:1600px) {
     .background-headline {
         margin-left: -1rem;
         margin-bottom: 1rem;
         width: 100%;
         margin-top: 3rem;
    }
     .background-headline h2 {
         font-size: 8rem;
         line-height: 5.5rem;
    }
     .background-headline.right {
         margin-left: 0;
         margin-right: -3rem;
    }
}
 @media (min-width:1900px) {
     .background-headline {
         margin-left: -5rem;
         margin-bottom: 1rem;
         width: 104%;
         margin-top: 3rem;
    }
     .background-headline h2 {
         font-size: 8rem;
         line-height: 5.5rem;
    }
     .background-headline.right {
         margin-left: 0;
         margin-right: -5rem;
    }
}

@media (min-width:2000px) {
    .col-img-home-about img{
        max-width: 1000px;
    }
}