/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 3840px) and (max-width: 3840px){ 
    html {
            font-size:  180%;
        }
    .masthead {
        height: 94vh;
        overflow: hidden;
    }
    .masthead.heat {
        height: 94vh;
        overflow: hidden;
        max-height: 96vh;
    }
    .masthead.faqs{
        height: 86vh;
        overflow: hidden;
    }
    .masthead.contact{
        height: 86vh;
        overflow: hidden;
    }
    .container {
        width: 100%;
        max-width: 84%!important;
    }
    .container-fluid {
        width: 100%;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 55px!important;
    }
    .top-nav-collapse .navbar-nav>li>.dropdown-menu {
        top: 98px!important;
    }
}
@media  (min-width: 1920px) and (max-width: 1920px) { 

    html {
            font-size:  60%;
        }
    .masthead {
        height: 100%;
        max-height: 90vh;
        overflow: hidden;
    }
    .masthead.heat {
        height: 96vh;
        overflow: hidden;
        max-height: 96vh;
    }
    .masthead.faqs{
        height: 96vh;
        max-height: 96vh;
        overflow: hidden;
    }
    .masthead.contact{
        height: 94vh;
        overflow: hidden;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 37px!important;
    }
    .top-nav-collapse .navbar-nav>li>.dropdown-menu {
        top: 10px!important;
    }
}
@media (min-width: 1366px) and (max-width: 1366px){ 
    html {
            font-size:  60%;
        }
    .masthead {
        height: 100%;
        max-height: 100vh;
        overflow: hidden;
    }
    .masthead.heat {
        height: 80vh!important;        
        max-height: 80vh!important;
        overflow: hidden;
    }
    .masthead.faqs{
        height: 86vh!important;
        max-height: 86vh!important;
        overflow: hidden;
    }
    .masthead.contact{
        height: 86vh;
        max-height: 86vh!important;
        overflow: hidden!important;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 32px!important;
        padding: 0;
    }
    .top-nav-collapse .navbar-nav>li>.dropdown-menu {
        top: 10px!important;
        padding: 0;
    }
}

@media (min-width: 1280px) and (max-width: 1280px) { 
    html {
            font-size:  64%;
        }
    .masthead {
        height: 100%;
        max-height: 84vh;
        overflow: hidden;
    }
    .masthead.heat {
        height: 84vh!important;
        max-height: 84vh!important;        
        overflow: hidden;
    }
    .masthead.faqs{
        height: 86vh!important;
        max-height: 86vh!important;
        overflow: hidden;
    }
    .masthead.contact{
        height: 94vh!important;
        overflow: hidden;
        max-height: 94vh!important;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 30px!important;
        padding: 0;
    }
    .top-nav-collapse .navbar-nav>li>.dropdown-menu {
        top: 10px!important;
        padding: 0;
    }

}



    @media (min-width: 769px) and (max-width: 1024px) {
    .accordion .acdn-body {
    width: 100%;
    }
    .accordion .acdn-title {
        width: 90%;
    }
    .accordion .acdn-title a:after {
        right: 0;
        top: 20%;
    }
    .brand img {
        width: 90%;
    }
    .carousel-caption h1 {
        font: 600 4.1em/1.4 'Heebo', sans-serif;
    }
    .masthead.contactus {
    height: 682px;
    }
    .contact {
        padding: 2%;
        display: block;
    }
    .contact .bullets {
        margin-left: 0; 
    }
    .content p {
        padding: 0 10px;
    }
    .content ul {
        text-align: left;
        padding-left: 14px;
    }
    .form {
        padding: 0;
        margin-top:  2%;
    }
    .nav-link {
        margin: 20px 16px;
    }
    .navbar-nav {
        margin: -70px 0 0 0;
    }
    .top-nav-collapse .navbar-nav{
        margin: 36px 0 0 0;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 52px!important;
        padding: 0;
    }
    .top-nav-collapse .navbar-nav>li>.dropdown-menu {
        top: 15px!important;
        padding: 0;
    }
    .getintouch {
        transform: translateY(-96px);
        margin: 0 0 -80px 0;
    }

}
@media (min-width: 768px) and (max-width: 768px)   {
    .accordion .acdn-body {
        width: 100%;
    }
    .accordion .acdn-title {
        width: 88%;
    }
    .accordion .acdn-title a:after {
        right: -50px;
        top: 20%;
    }
    .blurbLand p {
        text-align:  justify;
    }
      .getintouch {
        transform: translateY(-96px);
        margin: 0 0 -80px 0;
    }
.masthead {
    padding: 0;
    margin-bottom: 0;
    height: 46vh!important;
    overflow: hidden;
}
    .nav-link {
    margin: 0px 16px;
    }
    .navbar-nav {
        margin: 14px 0 0 0;
    }
    .navbar.navbar-fixed-top#land  {
        padding: 1% 2%;
        transition: all 0.5s;
        background: rgba(0, 0, 0, .7);
    }
    .top-nav-collapse {
        padding: 1% 2% !important;
    }
    .top-nav-collapse .navbar-nav {
        margin: 10px 0 0 0;
    }
    .top-nav-collapse .nav-link {
        margin: 0px 16px;
    }
    .navbar-nav>li>.dropdown-menu {
        top: 8px!important;
        padding: 0;
    }


}    
/*/////////// Portrait smartphones (320px - 767px) ////////////////// */

@media (min-width: 320px) and (max-width: 767px) {
footer .left h3 {
    font: 500 2.2em/1.2 "Quicksand", sans-serif!important;
    text-align: center
}
footer .left {
    text-align: center;
    padding: 2% 0 0 0
}
footer .mid {
    text-align: center;
    padding: 0;
}
footer .mid img {
    margin: 10% auto;
    width: 40%;
}
footer .right {
    text-align: center;
    padding: 0 
}


.blurb {
    padding: 0;
}
.blurb h1 {
    font: 600 5.0em/1.2 'Heebo', sans-serif;
    color: #333;
    margin-bottom: 2%;
}

.bullets {
    padding: 10px;
    width: 100%;
}
.carousel {
    height: 400px;
}
.carousel-inner {
    padding: 0;
    height: 400px
}
.carousel-inner .item {
    padding: 0;
    height: 400px
}
.carousel-caption {
    display: none;
}
.masthead.contact {
    height: 240px;
}
.carousel-caption.faqs {
    display:  inherit;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    right: auto;
    left: auto;
    width: 100%;
    bottom: 0;
    text-align: left;
    padding: 0px 22px 20px;
}
.carousel-caption.faqs h1 {
    font: 3.2em/1.0'BrandonText-Black', sans-serif;
    color: #122646!important;
}
.circles {
    padding: 6% 0;
}
.contact {
    padding: 2%;
    display: block;
}
.contact .bullets {
    margin-left: 0; 
}
.content p {
    padding: 0 10px;
}
.content ul {
    text-align: left;
    padding-left: 14px;
}
.creds img {
    width: 32%;
}
.form {
    padding: 0;
    margin-top:  2%;
}
.parallax .form {
    display:none!important; 
}

.parallax {
    background-attachment: inherit;
    margin: 0
}
#plxHome {
    height: 480px;
}
#plxMid {
    padding: 30px 10px;
    height: 800px;
}
.service-item img {
    width: 80%;
}
.topBullets {
    padding: 0 0 0;
    position: relative;
    height: 480px;
}
.topBullets .innerLeft {
    width: 100%;
}
.topBullets .innerRight {
    display: none;
}
.topContacts .boilerBtn {
    padding: 0;
    margin: 8% 0;
    text-align: center;
}
.no-carousel {
    margin: 0;
}

#land {
    background: #fff!important;
}

.navbar-fixed-top {
    top: 0;
    position: inherit;
}
.navbar .brand {
    text-align:  left;
    padding: 0 0 0 20px;
}
.navbar .brand img {
    width: 60%;
    max-width:  200px;
    margin: auto;
}
.navbar-nav { 
      text-align: center; 
      margin-top:  50px;
      width:  100%;
}
.navbar-toggle:hover {
    background-color: #fff!important;
}

.nav-link {
    font: 400 2.0em/1.8 'Roboto', sans-serif;
    padding: 20px 0px;
    margin: 0 0 20px;
    color: #666!important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 4px;
    text-align: center;
    width: 57px;
    margin: -100px 40px 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 36px;
    height: 2px;
    margin-bottom: 10px;
}
.navbar .topContacts {
    text-transform: uppercase;
    float: none;
    text-align: center;
    padding: 0;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #222!important;
}
.navbar-nav .open .dropdown-menu {
    margin: -20px 0 20px!important;
    float:  left;
    width:  100%;
}
.dropdown-menu .dropdown-item {
    padding: 10px;
    text-align: center;
    float: left;
    position: relative;
    z-index: 10;
}
.dropdown-menu {
    font-size: inherit!important;
}
.dropdown-menu a {
    font: 400 2.0em/1.8 'Roboto', sans-serif!important;
    color: #333!important;
    width: 100%;
    padding: 10px 0!important;
    margin: 0!important;
    text-transform: uppercase;
}
.dropdown-menu a:hover {
    text-decoration: none;
    background: #eee;
    color: #222!important;
}
.servicesWrapper {
    float: left;
}
.service {
    margin: 0 0 6% 0;
}
.service img {
    width: 50%;
}
.masthead {
    padding: 0;
    margin-bottom: 8%;
    background-repeat:  no-repeat;
    height: 200px;
}

.navbar.navbar-fixed-top {
    background: transparent;
}

}