@media (max-width: 704px) {
  .text-preset-1 {
    font-size: 38px;
    line-height: 120%; /* 45.6px */
    letter-spacing: -2px;
  }
  .text-preset-2 {
    font-size: 34px;
    line-height: 130%; /* 44.2px */
    letter-spacing: -2px;
  }
  .text-preset-3 {
    font-size: 24px;
    line-height: 110%; /* 26.4px */
    letter-spacing: -1px;
  }
  .text-preset-4-regular {
    font-size: 24px;
    line-height: 120%; /* 28.8px */
    letter-spacing: -1px;
  }
  .text-preset-6 {
    font-size: 16px;
    line-height: 130%; /* 20.8px */
    letter-spacing: -1px;
  }
  body {
    header {
      background-position: left top, right -400% bottom -20%;
      .content-container {
        & > div {
          hgroup {
            h1 {
              width: 100%;
            }
          }
          .call-to-action {
            .component-total-testimonial {
              min-height: calc(3rem + 14px);
            }
          }
        }
        .hero {
          border-radius: calc(var(--size-075) - 1px);
        }
      }
    }
    main {
      .main-container {
        & > div {
          h2 {
            width: 100%;
          }
        }
        .not-average {
          h2 span {
            &::before {
              width: 6.75rem;
              height: 2.875rem;
              left: -260px;
            }
          }
        }
        .read-together-img {
          border-radius: var(--size-150);
        }
        .not-average-img {
          &::before {
            background-image: none;
          }
          & > img {
            border-radius: var(--size-150);
          }
        }
      }
      .membership-options {
        max-width: calc(21rem + 7px);
      }
      .testimonial {
        max-width: calc(21rem + 7px);
      }
    }
    footer {
      .main-contant-container {
        .call-to-action {
          .component-total-testimonial {
            min-height: calc(4rem + 2px);
          }
        }
      }
      .footer-contant {
      display: flex;
      align-items: center;
      justify-content: space-between;

      flex-direction: column;
      row-gap: var(--size-200);
    }
    }
  }
}