/**
 * @file
 * Subtheme specific CSS.
 */

img {
    max-width: 100%;
    height: auto;
}
html {
    scroll-behavior: smooth;
    scroll-padding-top: 250px;
}

body.path-frontpage h1.title {
    /* display: none; */
}


/* - - - - - BARRIO OVERRIDE - - - - - */
 .site-footer__bottom {
    margin: 0;
    border: none;
 }
 .site-footer__bottom .region {
    margin: 0;
 }
 .nav-item a {
    /* color: #4c26bd; */
 }


/* - - - - - - - - - - - - - - - - - - - - ALL - - - - - - - - - - - - - - - - - - - - */

@media all and (min-width: 0px) {


/* - - - - - CLASSES START - - - - - */
    .container {
        margin: 0 0 5px 0;
    }
    .fifty-fifty {
        display: block;
        float: left;
        width: 100%;
        height: auto;
        margin: 0 0 5% 0;
        padding: 0;
    }
    .fifty-fifty:last-child {
        margin: 0;
    }
    .red-btn a {
        background-color: #ff0000;
        border-radius: 50px;
        color: #fff;
        display: inline-block;
        font-weight: bold;
        margin: 0 auto;
        padding: 5px 20px;
        text-decoration: none;
    }
    .red-btn a:hover {
        color: #000;
    }
/* - - - - - CLASSES END - - - - - */


/* - - - - - DEV START - - - - - */
    .toolbar .toolbar-tray.is-active {
        
    }
/* - - - - - DEV END - - - - - */

/* - - - - - BRANDING START - - - - - */
    .navbar {
        padding: 0;
    }
    .navbar-brand {
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 215px;
        transform: scale(1.0);
        transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
    }
    .is-sticky .navbar-brand {
        width: 150px;
    }
    .navbar-brand:hover {
        transform: scale(1.1);
    }
    .navbar-brand img {
        width: 100%;
        height: auto;
    }
    .navbar-expand-lg {        
        background-color: #f27121;
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: 100%;
        height: 30px;
    }
    #navbar-top {
        background-color: #fff;
    }
    .region-top-header {
        display: inline-block;
        margin: 0;
        padding: 5px 0;
        text-align: center;
        width: 100%;
    }
/* - - - - - BRANDING END - - - -- */


/* - - - - - CLASSES START - - - - - */
    .more-link {
        color: #000;
        text-decoration: none;
    }
    .more-link p {
        display: none;
        transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
    }
    .more-link:active p {
        display: block;
    }
    .orange-btn {
        background-color: #f58e1e;
        border-radius: 5px;
        color: #fff;
        display: inline-block;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        padding: 5px 10px 4px 10px;
        text-decoration: none;
        /* transform: perspective(10px) rotateX(2deg); */
        transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
    }
    .orange-btn:hover {
        background-color: #f27121;
        color: #fff;
        transform: scale(1.05);
    }
    .orange-slant-btn {
        background-image: linear-gradient(#f37421, #f58e1e);
        color: #fff;
        display: inline-block;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        padding: 10px 20px 8px 20px;
        text-decoration: none;
        clip-path: polygon(5% 0, 95% 0, 100% 100%, 0% 100%);
        /* transform: perspective(10px) rotateX(2deg); */
        transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
    }
    .orange-slant-btn:hover {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        /* transform: perspective(10px) rotateX(0deg); */
        color: #fff;
        transform: scale(1.1);
    }
/* - - - - - CLASSES END - - - - - */


/* - - - - - COMPANIES START - - - - - */
    .companies {
        margin: 5% 0 0 0;
    }
    .companies .views-row {
        width: 100%;
        margin: 0 0 3% 0;
        text-align: center;
    }
    .companies .views-row .views-field-field-company-logo {
        transform: scale(1.0);
        transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -webkit-transition: all 0.15s ease-out;
        -ms-transition: all 0.15s ease-out;
    }
    .companies .views-row .views-field-field-company-logo:hover {
        transform: scale(1.05);
        /* transform: rotate3d(1, 0, 0, 45deg); */
    }
    .companies .views-row:nth-child(1) a {
        color: #000;
    }
    .companies .views-row:nth-child(2) a {
        color: #c1222d;
    }
    .companies .views-row:nth-child(3) a {
        color: #692c90;
    }
    .companies .views-row:nth-child(4) a {
        color: #1b77bd;
    }
    .companies .views-row:nth-child(5) a {
        color: #036d39;
    }
    .companies .views-row:nth-child(6) a {
        color: #663e19;
    }
    .companies .views-row p {
        margin-bottom: 5px;
    }
    .companies .views-row p:last-child {
        margin-bottom: 0;
    }
    .companies .views-field-body p,
    .companies .views-field-field-company-info p {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }
    .companies-page {
        margin: 3% 5% 5% 5%;
    }
    .companies-page .views-field-field-company-logo {
        margin: 0 0 5% 0;
        text-align: center;
        width: 100%;
    }
    .companies-page .views-field-nothing {
        width: 100%;
    }
    .companies-page .views-row {
        border-bottom: solid 1px #f27121;
        margin: 0 0 4% 0;
        padding: 0 0 3% 0;
    }
    .companies-page .views-row:last-child {
        border-bottom: none;
    }
    .companies-page .linkedin {
        text-align: right;
        vertical-align: bottom;
    }
    .companies-page .linkedin a {
        background-image: url(../images/linkedin-icon_blue.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 3px;
        padding: 0;
        text-align: center;
        text-indent: -6000px;
        transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -webkit-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
    }
    .companies-page .linkedin a:hover {
        transform: scale(1.1);
    }
    .companies-page h2 {
        color: ##f27121;
        font-size: 18px;
    }
    .companies-page h3 {
        color: #000;
        font-size: 14px;
    }
    .services-page {
        margin: 3% 5% 5% 5%;
    }
    .services-page .views-field-field-company-logo {
        margin: 0 0 5% 0;
        width: 100%;
    }
    .services-page .views-field-nothing {
        width: 100%;
    }
    .services-page .views-row {
        border-bottom: solid 1px #f27121;
        margin: 0 0 4% 0;
        padding: 0 0 3% 0;
    }
    .services-page .views-row:last-child {
        border-bottom: none;
    }
    .services-page h3 {
        color: #f27121;
        font-size: 18px;
        text-transform: uppercase;
    }
/* - - - - - COMPANIES END - - - - - */


/* - - - - - FEATURED START - - - - - */
    .featured-bottom {
        background-color: #f6f6f6;
        padding: 5% 10%;
    }
    .featured-bottom .numbers-box {
        display: inline-block;
        float: left;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        width: 75%;
        margin: 0 12.5% 5% 12.5%;
        text-align: center;
    }
    #block-bythenumbers .numbers-box h3 {
        color: #f58a1f;
        font-size: 46px;
        font-weight: 700;
        margin: 0;
    }
    #block-bythenumbers .numbers-box h4 {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        margin: 0;
    }
    #block-bythenumbers h2 {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 3% 0;
        text-align: center;
    }
/* - - - - - FEATURED END - - - - - */


/* - - - - - FOOTER START - - - - - */
    .site-footer {
        background-color: #f27121;
        padding: 0;
    }
    .site-footer .block {
        border: none;
        margin: 0;
        padding: 0;
    }
    .site-footer .contact-info .content a {
        color: #fff;
        text-decoration: none;
    }
    .site-footer .contact-info .content a:hover {
        color: #f58a1f;
    }
    .site-footer .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }
    .copyright p {
        color: #fff;
        font-size: 10px;
        text-align: center;
    }
    .site-footer__top .region-footer-second {
        width: 100%;
        margin: 0;
        padding: 0;
    }
/* - - - - - FOOTER END - - - - - */


/* - - - - - HEADER IMAGES START - - - - - */
    #header-sticky-wrapper {
        position: relative;
        z-index: 99;
    }
    .header-images {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-images .view-content {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-images .views-row {
        margin: 0;
        padding: 0;
    }
    .region-hero {
        margin: 0;
        padding: 0;
    }
    .region-hero img {
        display: block;
        width: 100vw;
        height: 50vh;
        object-fit: cover; /* or object-fit: contain; */
    }
/* - - - - - HEADER IMAGES END - - - - - */


/* - - - - - MAIN CONTENT START - - - - - */
    h1.title {
        border-bottom: solid 3px #f27121;
        margin: 0 0 2% 0;
    }
    .main-content h2 {
        color: #f27121;
        text-transform: uppercase;
    }
    .main-content {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 5% 10%;
    }
    .views-field-body-1 {
        margin-top: 1rem;
    }
    #main-wrapper {

    }
/* - - - - - MAIN CONTENT END - - - - - */

/* - - - - - MAIN NAV START - - - - - */
    #superfish-main {
        display: none;
    }
    #superfish-main {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
        text-align: center;
    }
    #superfish-main a {
        background-color: transparent;
        color: #fff;
        text-decoration: none;
    }
    #superfish-main a:hover {
        background-color: #f58e1e;
        color: #fff;
    }
    #superfish-main a.is-active {
        background-color: #f58e1e !important;
        color: #000;
    }
    ul.sf-menu li {
        display: inline-block;
        float: none;
        /* position: unset; */
        text-align: center;
    }
    ul.sf-menu a, ul.sf-menu span.nolink {
        padding: 10px 20px;
    }
    ul.sf-menu ul {
        background-color: #fff;
        color: #000;
    }

    /* Logo Dropdown Menu */
    ul#superfish-main ul {
        top: 36px;

    }
    ul#superfish-main ul a {
        background-color: transparent;
        color: #000;
    }
    ul#superfish-main ul a.is-active,
    ul#superfish-main ul a:hover {
        background-color: #e5e5e5 !important;
        color: #000;
    }
    ul#superfish-main ul a.logo-link {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        text-align: center;
        text-indent: -9000px;
        width: 120px;
    }
    ul#superfish-main ul a#champion {
        background-image: url(../images/champion-disposal_logo-link.png);
    }
    ul#superfish-main ul a#creekside {
        background-image: url(../images/creekside-landfill_logo-link.png);
    }
    ul#superfish-main ul a#railroad {
        background-image: url(../images/hainesport-secondary-railroad_logo-link.png);
    }
    ul#superfish-main ul a#transfer {
        background-image: url(../images/hainesport-transfer_logo-link.png);
    }
    ul#superfish-main ul a#debris {
        background-image: url(../images/rb-debris_logo-link.png);
    }
    ul#superfish-main ul a#technical {
        background-image: url(../images/technical-rail-services_logo-link.png);
    }
    ul#superfish-main ul li {
       
    }
    ul.sf-menu li li {
        
    }

/* - - - - - MAIN NAV END - - - - - */


/* - - - NEWS LINK START - - - */
    .news-links {

    }
    .news-links .views-row {
        margin: 0 0 10px 0;
    }
    .news-links .views-row .field-content a {
        color: #0d6efd;
        text-decoration: none;
    }
    .news-links .views-row .field-content a:hover {
        color: #f27121;
        text-decoration: underline;
    }
    .news-links .views-row h5.field-content {
        text-transform: uppercase;
    }
/* - - - NEWS LINKS END - - - */


/* - - - - - RESPONSIVE MENU START - - - - - */
    .responsive-menu-toggle-icon span.label {
        display: none;
    }
    #block-responsivemenumobileicon {
        position: absolute;
        top: 10px;
        left: 0;
    }
   .mm-menu a,
   .mm-menu a:active,
   .mm-menu a:hover,
   .mm-menu a:link,
   .mm-menu a:visited {
        color: #fff;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-weight: 600;
    }
   .mm-menu a:active,
   .mm-menu a:hover {
        color: #000;
    }
    .responsive-menu-toggle-icon:before,
    .responsive-menu-toggle-icon:after,
    .responsive-menu-toggle-icon span.icon {
        background: #000;
    }
    .mm-menu_theme-dark {
        --mm-color-background: transparent;
        background-image: linear-gradient(#f37421, #f58e1e);
    }
/* - - - - - RESPONSIVE MENU END - - - - - */


/* - - - - - SLIDER OVERLAY - - - - - */
    .region-hero {
        position: relative;
    }
    .slider-overlay {
        position: absolute;
        bottom: 5%;
        right: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .slider-overlay h2 {
        color: #fff;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 110%;
    }
    .slider-overlay p {
        color: #fff;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 150%;
        margin: 0 auto;
        width: 90%;
    }
    .trans-black-box {
        background-color: rgba(0,0,0,0.7);
        display: inline-block;
        width: 100%;
        margin: 0 0 3% 0;
        padding: 3% 5%;
        text-align: center;
    }
/* - - - - - SLIDER OVERLAY END - - - - - */


/* - - - SOCIAL MEDIA START - - - */
    .social-media-menu {
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }
    .social-media-menu ul.nav {
        display: inline-block;
        margin: 0;
        padding: 0;
        text-align: center;
        width: auto;
        float: none;
    }
    .social-media-menu ul.nav li {
        display: inline-block;
        list-style: none;
        margin: 0 !important;
        overflow: visible;
        padding: 0;
        text-align: center;
    }
    .social-media-menu ul.nav li a {
        background-size: 100% 100%;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 3px;
        padding: 0;
        text-align: center;
        text-indent: -6000px;
        transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -webkit-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
    }
    .social-media-menu ul.nav li a.facebook {
        background-image: url(../images/facebook-icon_orange.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.twitter {
        background-image: url(../images/twitter-icon_orange.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.instagram {
        background-image: url(../images/instagram-icon_orange.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.linkedin {
        background-image: url(../images/linkedin-icon_orange.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a:hover {
        background-size: 120% 120%;
    }
    .social-media-menu ul.nav li a.facebook:hover {
        background-image: url(../images/facebook-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.twitter:hover {
        background-image: url(../images/twitter-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.instagram:hover {
        background-image: url(../images/instagram-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .social-media-menu ul.nav li a.linkedin:hover {
        background-image: url(../images/linkedin-icon.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
/* - - - SOCIAL MEDIA END - - - */


/* - - - - - TEAM MEMBERS START - - - - - */
    .team-members {
        margin: 10% 5%;
    }
    .team-members h2 {
        background-color: #000;
        color: #fff;
        font-size: 24px;
        padding: 0.5% 2%;
        text-transform: uppercase;
    }
    .team-members h3 {
        color: #f27121;
        font-size: 20px;
        margin: 0 0 5px 0;
    }
    .team-members h4 {
        color: #000;
        font-size: 12px;
        text-transform: uppercase;
    }
    .team-members .row {
        margin: 0;
    }
    .team-members .views-field-field-member-photo {
        margin: 0 25%;
    }
    .team-members .views-field-title {
        margin: 3% 5%;
    }
    .team-members .views-row {
        border-bottom: solid 1px #f27121;
        margin: 2% 0;
        padding: 0 0 3% 0;
    }
    .team-members .views-row:last-child {
        border-bottom: none;
    }
/* - - - - - TEAM MEMBERS END - - - - - */


/* - - - - - WEBFORM START - - - - - */
    #contact {
        background-color: #145c90;
        background-image: url(../images/map-bg.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0;
        padding: 5% 10% 4% 10%;
    }
    .get-in-touch {
        width: 100%;
    }
    .site-footer .contact-info {
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        width: 100%;
    }
    .contact-info h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 700;
    }
    .contact-info p {
        color: #fff;
        font-size: 14px;
    }
    .js-form-item input,
    .js-form-item textarea {
        color: #999;
        font-weight: 600;
    }
    .js-form-item input::placeholder,
    .js-form-item textarea::placeholder,
    .js-form-item select option:nth-child(1) {
        color: #d8d8d8;
        font-weight: 600;
    }
    .form-actions button {
        background-color: #35b14a;
        border: solid 2px #fff;
        color: #fff;
    }
    .form-actions button:hover,
    .form-actions button:active {
        background-color: #35b14a;
        border: solid 2px #35b14a;
    }
    .get-in-touch .form-actions {
        margin: 15px 0 0 0;
        text-align: center;
    }
    .get-in-touch .mb-3 {
        margin-bottom: 7px !important;
    }
    .get-in-touch .js-form-type-select {
        margin-top: 15px;
    }
/* - - - - - WEBFORM END - - - - - */


}



/* - - - - - - - - - - - - - - - - - - - - NARROW - - - - - - - - - - - - - - - - - - - - */

@media all and (min-width: 768px) {


/* - - - - - BRANDING START - - - - - */
    .navbar-expand-lg {
        height: auto;
    }
/* - - - - - BRANDING END - - - - - */


/* - - - - - CLASSES START - - - - - */
    .container {
        margin: 0 0 3% 0;
    }
    .fifty-fifty {
        display: inline-block;
        float: left;
        width: 46%;
        height: auto;
        margin: 0 0 3% 0;
        padding: 0 2%;
    }
    .fifty-fifty:last-child {
        margin: 0;
    }
    .inline-btn {
        display: inline-block;
        margin: 0 5px 10px 0;
    }
    .inline-btn:last-child {
        margin: 0 0 10px 0;
    }
/* - - - - - CLASSES END - - - - - */

/* - - - - - COMPANIES START - - - - - */
    .companies .views-row {
        display: inline-block;
        width: 50%;
        margin: 0;
        padding: 0 4% 3% 4%;
    }
    .companies .views-field-body,
    .companies .views-field-field-company-info {
        margin: 0 auto;
        text-align: center;
        width: 70%;
    }
    .companies .views-field-body p,
    .companies .views-field-field-company-info p {
        font-size: 12px;
    }
    .companies-page .views-field-field-company-logo {
        display: inline-block;
        float: left;
        margin: 0 3% 0 0;
        width: 30%;
    }
    .companies-page .views-field-nothing {
        display: inline-block;
        float: left;
        width: 66%;
    }
    .companies-page h2 {
        color: ##f27121;
        font-size: 20px;
    }
    .companies-page h3 {
        color: #000;
        font-size: 16px;
    }
    .services-page .views-field-field-company-logo {
        display: inline-block;
        float: left;
        margin: 0 3% 0 0;
        width: 30%;
    }
    .services-page .views-field-nothing {
        display: inline-block;
        float: left;
        width: 66%;
    }
    .services-page h3 {
        font-size: 20px;
    }
/* - - - - - COMPANIES END - - - - - */


/* - - - - - FEATURED START - - - - - */
    .featured-bottom {
       padding: 2% 10% 3% 10%;
    }
    .featured-bottom .numbers-box {
        width: 31%;
        margin: 0 1% 0% 1%;
    }
    #block-bythenumbers .numbers-box h3 {
        font-size: 50px;
    }
    #block-bythenumbers .numbers-box h4 {
        font-size: 22px;
    }
    #block-bythenumbers h2 {
        font-size: 28px;
    }
/* - - - - - FEATURED END - - - - - */


/* - - - - - FOOTER START - - - - - */
    .get-in-touch .form-actions {
        text-align: right;
    }
    .site-footer .container-fluid {
        padding-right: 10%;
        padding-left: 10%;
    }
    .copyright p {
        font-size: 12px;
        text-align: left;
    }
/* - - - - - FOOTER END - - - - - */


/* - - - - - HEADER IMAGES START - - - - - */
    .region-hero img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }
/* - - - - - HEADER IMAGES END - - - - - */


/* - - - - - MAIN CONTENT START - - - - - */
    .main-content {
        margin: 0;
        padding: 2% 10%;
    }
/* - - - - - MAIN CONTENT END - - - - - */


/* - - - - - MAIN NAV START - - - - - */
    #superfish-main {
        display: block;
        font-family: 'Raleway', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
        text-align: center;
    }
    #superfish-main a,
    #superfish-main span {
        background-color: transparent;
        color: #fff;
        text-decoration: none;
    }
    #superfish-main a:hover,
    #superfish-main span:hover {
        background-color: #f58e1e;
        color: #fff;
    }
    #superfish-main a.is-active,
    #superfish-main span.is-active {
        background-color: #f58e1e !important;
        color: #000;
    }
    ul.sf-menu li {
        display: inline-block;
        float: none;
        text-align: left;
    }
    ul.sf-menu a, ul.sf-menu span.nolink {
        padding: 10px 20px;
    }
/* - - - - - MAIN NAV END - - - - - */


/* - - - - - SLIDER OVERLAY - - - - - */
    .slider-overlay {
        position: absolute;
        bottom: 3%;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .slider-overlay h2 {
        font-size: 28px;
    }
    .slider-overlay p {
        font-size: 12px;
        width: 95%;
    }
    .trans-black-box {
        background-color: rgba(0,0,0,0.7);
        margin: 0 0 1% 0;
        padding: 3% 20%;
    }
/* - - - - - SLIDER OVERLAY END - - - - - */


/* - - - SOCIAL MEDIA START - - - */
    .social-media-menu {
        position: absolute;
        top: 10px;
        right: 0;
    }
    .social-media-menu ul.nav {
        text-align: right;
        float: right;
    }
    .social-media-menu ul.nav li a {
        width: 22px;
        height: 22px;
    }
/* - - - SOCIAL MEDIA END - - - */


/* - - - - - TEAM MEMBERS START - - - - - */
    .team-members {
        margin: 5% 0;
    }
    .team-members h2 {
        font-size: 24px;
    }
    .team-members h3 {
        font-size: 20px;
    }
    .team-members h4 {
        font-size: 12px;
    }
    .team-members .views-field-field-member-photo {
        display: inline-block;
        float: left;
        margin: 0 3% 0 0;
        width: 25%;
    }
    .team-members .views-field-title {
        display: inline-block;
        float: left;
        margin: 0;
        /* width: 72%; */
        width: 100%;
    }
    .team-members .views-row {
        display: inline-block;
        float: left;
        margin: 2%;
        width: 46%;
    }
/* - - - - - TEAM MEMBERS END - - - - - */


/* - - - - - WEBFORM START - - - - - */
    #contact {
        background-attachment: fixed;
        padding: 2% 10% 3% 10%;
    }
    .site-footer .contact-info {
        display: inline-block;
        float: left;
        width: 45%;
        margin: 1% 5% 0 0;
    }
    .contact-info h3 {
        font-size: 18px;
    }
    .contact-info p {
        font-size: 14px;
    }
    .get-in-touch {
        display: inline-block;
        float: left;
        width: 50%;
    }
/* - - - - - WEBFORM END - - - - - */

}



/* - - - - - - - - - - - - - - - - - - - - NORMAL - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1024px) {


/* - - - - - COMPANIES START - - - - - */
    .companies .views-field-body p,
    .copanies .views-field-field-company-info p {
        font-size: 14px;
    }
    .companies-page h2 {
        color: ##f27121;
        font-size: 22px;
    }
    .companies-page h3 {
        color: #000;
        font-size: 18px;
    }
    .services-page h3 {
        font-size: 22px;
    }
/* - - - - - COMPANIES END - - - - - */


/* - - - - - DEV START - - - - - */
    .toolbar .toolbar-tray.is-active {
        display: block;
    }
/* - - - - - DEV END - - - - - */


/* - - - - - FEATURED START - - - - - */
    
    #block-bythenumbers .numbers-box h3 {
        font-size: 54px;
    }
    #block-bythenumbers .numbers-box h4 {
        font-size: 24px;
    }
    #block-bythenumbers h2 {
        font-size: 32px;
    }

/* - - - - - FEATURED END - - - - - */


/* - - - - - FOOTER START - - - - - */
    .copyright p {
        font-size: 14px;
    }
/* - - - - - FOOTER END - - - - - */


/* - - - - - SLIDER OVERLAY - - - - - */
    .slider-overlay {
        
    }
    .slider-overlay h2 {
        font-size: 34px;
    }
    .slider-overlay p {
        font-size: 14px;
        width: 85%;
    }
/* - - - - - SLIDER OVERLAY END - - - - - */


/* - - - SOCIAL MEDIA START - - - */
    .social-media-menu ul.nav li a {
        width: 24px;
        height: 24px;
    }
/* - - - SOCIAL MEDIA END - - - */


/* - - - - - TEAM MEMBERS START - - - - - */
    .team-members h2 {
        font-size: 28px;
    }
    .team-members h3 {
        font-size: 24px;
    }
    .team-members h4 {
        font-size: 16px;
    }
/* - - - - - TEAM MEMBERS END - - - - - */


/* - - - - - WEBFORM START - - - - - */
    #contact {
        background-size: 100% auto;
    }
    .contact-info h3 {
        font-size: 20px;
    }
    .contact-info p {
        font-size: 15px;
    }
/* - - - - - WEBFORM END - - - - - */

}



/* - - - - - - - - - - - - - - - - - - - - WIDE - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1220px) {


/* - - - - - COMPANIES START - - - - - */
    .companies .views-field-body p,
    .companies .views-field-field-company-info p {
        font-size: 16px;
    }
    .companies-page h2 {
        color: ##f27121;
        font-size: 24px;
    }
    .companies-page h3 {
        color: #000;
        font-size: 20px;
    }
    .services-page h3 {
        font-size: 24px;
    }
/* - - - - - COMPANIES END - - - - - */


/* - - - - - FEATURED START - - - - - */
    
    #block-bythenumbers .numbers-box h3 {
        font-size: 58px;
    }
    #block-bythenumbers .numbers-box h4 {
        font-size: 26px;
    }
    #block-bythenumbers h2 {
        font-size: 36px;
    }
    
/* - - - - - FEATURED END - - - - - */


/* - - - - - SLIDER OVERLAY - - - - - */
    .slider-overlay {
        
    }
    .slider-overlay h2 {
        font-size: 40px;
    }
    .slider-overlay p {
        font-size: 16px;
        width: 75%;
    }
/* - - - - - SLIDER OVERLAY END - - - - - */


/* - - - SOCIAL MEDIA START - - - */
    .social-media-menu ul.nav li a {
        width: 26px;
        height: 26px;
    }
/* - - - SOCIAL MEDIA END - - - */


/* - - - - - TEAM MEMBERS START - - - - - */
    .team-members h2 {
        font-size: 32px;
    }
    .team-members h3 {
        font-size: 28px;
    }
    .team-members h4 {
        font-size: 20px;
    }
/* - - - - - TEAM MEMBERS END - - - - - */


/* - - - - - WEBFORM START - - - - - */
    .contact-info h3 {
        font-size: 22px;
    }
    .contact-info p {
        font-size: 16px;
    }
/* - - - - - WEBFORM END - - - - - */

}



/* - - - - - - - - - - - - - - - - - - - - WIDER - - - - - - - - - - - - - - - - - - - - */
@media all and (min-width: 1440px) {


/* - - - - - COMPANIES START - - - - - */
    .companies .views-field-body p,
    .companies .views-field-field-company-info p {
        font-size: 18px;
    }
    .companies-page h2 {
        color: ##f27121;
        font-size: 26px;
    }
    .companies-page h3 {
        color: #000;
        font-size: 22px;
    }
    .services-page h3 {
        font-size: 26px;
    }
/* - - - - - COMPANIES END - - - - - */


/* - - - - - FEATURED START - - - - - */
    
    #block-bythenumbers .numbers-box h3 {
        font-size: 62px;
    }
    #block-bythenumbers .numbers-box h4 {
        font-size: 30px;
    }
    #block-bythenumbers h2 {
        font-size: 40px;
    }
    
/* - - - - - FEATURED END - - - - - */


/* - - - - - SLIDER OVERLAY - - - - - */
    .slider-overlay {
        
    }
    .slider-overlay h2 {
        font-size: 46px;
    }
    .slider-overlay p {
        font-size: 18px;
        width: 65%;
    }
/* - - - - - SLIDER OVERLAY END - - - - - */


/* - - - SOCIAL MEDIA START - - - */
    .social-media-menu ul.nav li a {
        width: 28px;
        height: 28px;
    }
/* - - - SOCIAL MEDIA END - - - */


/* - - - - - TEAM MEMBERS START - - - - - */
    .team-members h2 {
        font-size: 36px;
    }
    .team-members h3 {
        font-size: 32px;
    }
    .team-members h4 {
        font-size: 24px;
    }
/* - - - - - TEAM MEMBERS END - - - - - */


/* - - - - - WEBFORM START - - - - - */
    .contact-info h3 {
        font-size: 24px;
    }
    .contact-info p {
        font-size: 17px;
    }
/* - - - - - WEBFORM END - - - - - */
    
}