body {
    background: #343f4d;
}

.videoContainer {
    height: 70vh;
    overflow: hidden;
}

.h1, h1 {
    font-size: 3.5rem;
    font-weight: 700;
}


.heroSlider {
    position: relative;
}

.heroSlide {
    width: 100%;
    height: 75vh;
    position: relative;
    background-position: center;
    background-size: cover;
}

.slide01 {
    background-image: url(/assets/img/amenities/amenity-background-02.jpg)
}

.slide02 {
    background-image: url(/assets/img/amenities/amenity-background-01.jpg);
    background-position: 0 0;
}

#section01 {
    background-image: url(/assets/img/amenities/shape01.svg);
    background-repeat: no-repeat;
    background-position: 130% 10%;
    background-size: 153%;
    height: 100%;
}


.h2, h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-weight: 800;
    position: relative;
    margin-top: 0vh;
}


img.iconRow {
    width: 100px;
    display: block;
    margin-bottom: 20px;
    margin-top: 50px;
}


@media only screen and (max-width: 920px) {

    .videoContainer {
        height: auto;
        overflow: hidden;
    }

    .heroSlide {
        height: 500px;
    }
}


@media only screen and (max-width: 576px) {

    img.iconRow {
        width: 50px;
        display: block;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .buttonDown {
        left: 0;
    }

    #section01 {
        background-image: url(/assets/img/amenities/shape01.svg);
        background-repeat: no-repeat;
        background-position: 63% 5%;
        background-size: 330%;
        height: 100%;
    }

    .h2, h2 {
        font-size: 1.9rem;
        line-height: 2.8rem;
    }

    #section03 {
        font-size: 14px;
    }
}