div[id^="below-header"] {

  .ce_rsce_hero {

    .text-container {
      text-align: center;
      text-shadow: 0.1rem 0.1rem 2.5rem $ls-color-white, -0.1rem -0.1rem 2.5rem $ls-color-white, 0.2rem 0.2rem 3.5rem $ls-color-black, -0.2rem -0.2rem 3.5rem $ls-color-black;
      font-size: $ls-font-size-body * 2.1;

      h1 {
        font-size: $ls-font-size-h1 * 2.1;
        margin-bottom: 0;
        line-height: 1.1;
      }

      p {
        margin-bottom: 1.2rem;
      }

      a {
        background: hsla(0, 0%, 100%, 0.5);
        padding: 0.5rem 2rem;
        color: $ls-color-black;
        line-height: normal;
        border: 0.4rem solid $ls-color-black;
        _text-align: center;
        cursor: pointer;
        font-size: $ls-font-size-body * 1.4;
      }

      @include media-breakpoint-down(14, $grid-breakpoints-ls) {
        h1 {
          font-size: $ls-font-size-h1 * 1.6;
        }
      }

      @include media-breakpoint-down(10, $grid-breakpoints-ls) {
        font-size: $ls-font-size-body * 1.7;

        h1 {
          font-size: $ls-font-size-h1 * 1.2;
        }

        a {
          font-size: $ls-font-size-body * 1.1;
        }
      }

      @include media-breakpoint-down(8, $grid-breakpoints-ls) {
        .text-content {
          position: relative;
        }
      }
    }

    @include media-breakpoint-down(8, $grid-breakpoints-ls) {
      display: flex;
      flex-direction: column;

      .text-box-wrapper {
        position: unset;
        order: 2;

        .text-container {
          text-shadow: none;
          margin-top: 2.5rem;
          margin-bottom: 2.5rem;

          .text-content {
            top: unset;
            transform: unset;
            position: relative;
          }
        }
      }
    }
  }
}