#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;
      }
    }
  }