/* Load the original APEX visual overrides after the Helix base styles. */
@import url("apextlt.css");

/* Home-page hero. */
html body .sp-page-builder .page-content #offer {
    width: 100%;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: -60px !important;
    background-size: 100% auto !important;
    background-position: right top !important;
}

@media (min-width: 1200px) {
    html body .sp-page-builder .page-content #offer {
        max-width: 1170px;
        margin-top: -60px !important;
        padding-bottom: 50px !important;
        background-size: 125% auto !important;
        background-position: right top !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    html body .sp-page-builder .page-content #offer {
        max-width: 970px;
        margin-top: -60px !important;
        padding-bottom: 50px !important;
        background-size: 120% auto !important;
        background-position: right top !important;        
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    html body .sp-page-builder .page-content #offer {
        max-width: 750px;
        margin-top: -60px !important;
        padding-bottom: 50px !important;
        background-size: 120% auto !important;
        background-position: right top !important;

    }
}