/* CSS for Home Supply home page */

#homeFirstSection {
    position: relative;
    background: url('/wp-content/uploads/2018/08/banner-bg@2x.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 43vw;
    margin-top: -10em;
}

.first-section-headline {
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 8%;
}

#thirdSection {
    position: relative;
    background: url('/wp-content/uploads/2018/08/beautiful-craftmanship-bg@2x.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

/*
.headline-font {
font-family: Montserrat-SemiBold;
}
*/

.headline-size-h1 {
    font-size: 5vw;
    margin-bottom: 0;
}

.headline-size-h2 {
    font-size: 3.3vw;
}

.custom-win-pad {
    padding: 3em 19vw 3em 6em;
}

.custom-win-bg-img {
    background: url('/wp-content/uploads/2018/08/windows_cropped.jpg');
    background-size: cover;
    background-position: 50%;
}

.custom-door-pad {
    padding: 3em 6em 3em 19vw;
}

.custom-door-bg-img {
    background: url('/wp-content/uploads/2018/08/pexels-photo-109553.jpeg');
    background-size: cover;
    background-position: 50%;
}

.bc-section-pad {
    padding: 8em 0;
}

.bc-p-pad {
    padding: 0 15vw;
}

.full-width-img {
    width: 100%;
}

.quote-style {
    font-style: italic;
    margin: 1em 0;
}

/*
.h-margin-bot {
margin-bottom: 1em;
}*/

@media (max-width: 1500px) {
    .custom-win-pad {
        padding: 3em 9vw 3em 6em;
    }
    .custom-door-pad {
        padding: 3em 6em 3em 9vw;
    }
}

@media (max-width: 1399px) {
    .first-section-headline {
        top: 35%;
    }
}

@media (max-width: 1199px) {
    #homeFirstSection {
        margin-top: 0;
    }

    .first-section-headline {
        top: 20%;
    }

    nav.navbar {
        background-color: #114c6b;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .custom-win-bg-img {
        height: 66vw;
    }

    .custom-door-bg-img {
        height: 66vw;
    }

    #thirdSection {
        display: none;
    }
}

@media (max-width: 767px) {
    .headline-size-h1 {
        font-size: 5.5vw;
    }
    
    .right-align {
        text-align: inherit;
    }
    
    .custom-win-pad {
        padding: 3em;
    }
    
    .custom-door-pad {
        padding: 3em;
    }
}

@media (max-width: 610px) {
    .first-section-btn {
        font-size: 9pt;
    }
}

@media (max-width: 575px) {
    #cwContent {
        text-align: center;
    }
    
    #cdContent {
        text-align: center;
    }
}

@media (max-width: 479px) {
    #homeFirstSection {
        height: 72vw;
        background-position: 50%;
    }

    .headline-size-h1 {
        font-size: 6vw;
    }

    .headline-size-h2 {
        font-size: 4.4vw;
    }
    
    .custom-win-pad {
        padding: 3em 1em 3em 1em;
    }
    
    .custom-door-pad {
        padding: 3em 1em 3em 1em;
    }
}