#sep-hero {
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-image: url(../../../images/25/sep/hero/back.jpg);
    background-image: -webkit-image-set(url("../../../images/25/sep/hero/back.jpg") 1x,
            url("../../../images/25/sep/hero/back@2x.jpg") 2x);
}

#sep-spin {
    position: relative;
    z-index: 99999;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-image: url(../../../images/25/sep/hero/spin-back.jpg);
    background-image: -webkit-image-set(url("../../../images/25/sep/hero/spin-back.jpg") 1x,
            url("../../../images/25/sep/hero/spin-back@2x.jpg") 2x);
}

#sep-hero .container {
    width: 100%;
}

.sh-inner .sh-main {
    margin-left: -6em;
}

.sh-main .headline {
    z-index: 1;
}

#sep-hero .animation-box {
    margin-bottom: 2em;
    margin-top: -6em;
    z-index: 1;
}

#sep-hero .headline-ph {
    width: 47em;
}

#sep-hero .text {
    margin-bottom: 2em;
}

#sep-hero .wheel-ph {
    width: 34em;
}

#sep-hero .button {
    font-size: 1.5em;
    height: 2em;
    width: 9em;
    border-radius: 1em;
    background-color: #0896a6;
    z-index: 5;
}

#sep-spin .animation {
    width: 34.5em;
}

#sep-hero .button:hover,
#sep-hero .button:visited,
#sep-hero .button:active {
    text-decoration: none;
    color: white;
}
#sep-sub .button {
    bottom: 13.2%;
    width: 16%;
    height: 14%;
    text-indent: -9999px;
}
@media screen and (max-width: 1450px) {}

@media screen and (max-width: 1300px) {
    .sh-inner .sh-main {
        margin-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .sh-inner .sh-main {
        margin-left: 14em;
    }
}

@media screen and (max-width: 991px) {
    .sh-inner .sh-main {
        margin-left: 0;
        margin-top: 8em;
        margin-bottom: 3em;
    }

    #sep-hero {
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        background-image: url(../../../images/25/sep/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/25/sep/hero/back-m.jpg") 1x,
                url("../../../images/25/sep/hero/back-m@2x.jpg") 2x);
    }
}

@media screen and (max-width: 767px) {
    #sep-hero .container {
        padding: 0 !important;
    }

    .sh-inner .sh-right {
        width: 100%;
    }

    #sep-hero .text {
        margin-bottom: 2em;
    }

    #sep-hero .text {
        margin-bottom: 4%;
        width: 70%;
    }

    #sep-hero .animation-box {
        margin-bottom: 4%;
        margin-top: 0;
    }

    .sh-inner .sh-main {
        margin-left: 0;
        margin-top: 4%;
        margin-bottom: 7%;
    }

    .sh-main .headline {
        width: 100%;
    }

    #sep-hero .headline-ph {
        width: 100%;
    }
    #sep-sub {
        padding-top: 15px;
        background-color: white;
        z-index: 1;
        position: relative;
    }
    #sep-sub .button {
        bottom: 64.2%;
        width: 62%;
        height: 9%;
    }
}

@media screen and (max-width: 567px) {
    #sep-hero .container {
        width: 100%;
        padding: 0 !important;
    }

    #sep-hero .sh-inner {
        flex-direction: column;
        width: 100%;
    }

    #sep-hero .sh-main {
        width: 100%;
    }

    .sh-inner .sh-main {
        margin-left: 0;
        margin-top: 11%;
        margin-bottom: -36%;
    }

    #sep-hero .text {
        margin-bottom: 7%;
        width: 66%;
    }

    #sep-hero .button {
        font-size: 1.4em;
    }

    #sep-hero .wheel-ph {
        width: 100%;
    }

    .sh-right .wheel {
        top: 40%;
        width: 100%;
        left: -3.5%;
        z-index: 0;
    }

    #sep-spin .animation {
        width: 100%;
        left: -3%;
    }

    #sep-spin {
        width: 100%;
        padding: 16% 0;
    }

    /* Safari Only */
    @supports (background: -webkit-named-image(i)) {
        #sep-hero .button {
            padding-top: 2px;
        }
    }
}