#sep-hero {
    --red: #ec1c25;
      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: 999999;
      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;
      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;
    }
    
    @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%;
      }
    }
    
    @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;
        }
      }
    }