.darkheader-page .box-shadow-extra-large,
.darkheader-page .box-shadow-extra-large-hover:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    box-shadow: 0 0 30px rgba(0, 0, 0, .25);
    -webkit-transition: 350ms cubic-bezier(.37, 0, .63, 1);
    transition: 350ms cubic-bezier(.37, 0, .63, 1);
}

.darkheader-page .darkheader-hero {
    padding-top: 120px;
    padding-bottom: 90px;
}

@media (max-width: 1199px) {

    .darkheader-page > header {
        position: absolute !important;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        background: transparent !important;
    }

    .darkheader-page > header .navbar {
        background: var(extra-dark-green) !important;
        border-bottom-color: var(extra-dark-green) !important;
        box-shadow: none !important;
    }

    .darkheader-page .darkheader-hero.ipad-top-space-margin {
        margin-top: 0 !important;
        padding-top: 100px !important;
        padding-bottom: 55px !important;
    }

}

@media (max-width: 575px) {

    .darkheader-page .darkheader-hero {
        padding-top: 100px !important;
        padding-bottom: 45px !important;
    }

}