/********** Template Ductwork CSS **********/
:root {
    --sj-primary: #2A66C3;
    --sj-secondary: #282F44;
    --sj-secondary-rgba: rgb(40, 47, 68, 90%);
    --sj-dark-text: #222222;
    --sj-body-text: #222222;
    --sj-outline: #D1D1D1;
    --sj-danger: #ff1a35;
    --sj-success: #25bb2c;
    --sj-warning: #ee7b1e;
    --sj-primary-light: rgba(0, 160, 224, 15%);
}

/*** MAIN BANNER ***/

#main-banner {
    background-image: url(../images/ductimgs/img/main-banner.png);
}

/*** DOWNLOAD APP ***/

#APP-download {
    background-color: var(--sj-primary);
    background-image: url(../images/ductimgs/img/app-bg.png);
    background-size: cover;
    background-position: center;
    margin-top: 120px;
}
.appScreen {margin-top: -70px;}
#APP-download .content-box h1 {font-size: 48px;}
#APP-download .content-box h3 {font-weight: 400;font-size: 36px;}


/*** RESPONSIVE CSS ***/


@media only screen and (max-width: 767px) {
    
    #APP-download {margin-top: 40px;}
    #APP-download .content-box h1 {font-size: 24px;}
    #APP-download .content-box h3 {font-size: 20px; margin-bottom: 25px !important;}
    #APP-download .content-box .app-btns {width: 250px; margin: 0 auto;}
    .appScreen {max-width: 200px; margin: -40px auto 0;}

}