.frontpage-hero {
    & .section-content {

    }
    & .wrapper-row {
        z-index: 30;
        position: relative;
    }
    & .hero-static {
        padding-left: 10%;
        padding-right: 10%;
        padding-top: 2.5%;
    }
    & .hero-images {

    }
    & .hero-slider {
        position: absolute!important;
        z-index: 40;
        bottom: 60px;
        left: 2.5%;
        right: 40%;
        height: auto;
    }
}

@media (max-width: 1215px) {
    .frontpage-hero {
    & .section-content {

    }
    & .wrapper-row {

    }
    & .hero-static {
        padding-top: 0;
        padding-left: 5%;
        padding-right: 5%;
    }
    & .hero-images {

    }
    & .hero-slider {
        position: absolute!important;
        z-index: 40;
        bottom: auto;
        top: 350px;
        left: 2.5%;
        right: 2.5%;
        height: auto;
    }
}
}