@media (max-width: 1024px) {
  :root {
    --width-base: 768;
    --width-current: 100vmin;
  }

  .container {
    padding: 0 calc(16 * var(--width-multiplier));
  }

  h1 {
    font: 900 calc(48 * var(--width-multiplier))/1.2 'Neris';
  }

  h2 {
    font: 900 calc(32 * var(--width-multiplier))/1.2 'Neris';
  }

  h3 {
    font: 900 calc(24 * var(--width-multiplier))/1.2 'Neris';
  }

  h4 {
    font: 900 calc(22 * var(--width-multiplier))/1.2 'Neris';
  }

  .header__container {
    font-size: calc(18 * var(--width-multiplier));
  }

  .page::after {
    height: calc(140 * var(--width-multiplier));
  }

  .page__img {
    position: static;
    width: 100vw;
    height: auto;
  }

  .page__subtitle {
    font-size: calc(24 * var(--width-multiplier));
  }

  .page__desc {
    font-size: calc(18 * var(--width-multiplier));
  }
}

@media (max-width: 767px) {
  :root {
    --width-base: 375;
    --width-current: 100vmin;
  }

  h1 {
    font: 900 calc(32 * var(--width-multiplier))/1.2 'Neris';
  }

  h2 {
    font: 900 calc(24 * var(--width-multiplier))/1.2 'Neris';
  }

  h3 {
    font: 900 calc(22 * var(--width-multiplier))/1.2 'Neris';
  }

  h4 {
    font: 900 calc(20 * var(--width-multiplier))/1.2 'Neris';
  }

  .button {
    width: 100%;
    font-size: calc(18 * var(--width-multiplier));
  }

  .header__container {
    font-size: calc(16 * var(--width-multiplier));
  }

  .page::after {
    height: calc(160 * var(--width-multiplier));
    background: url(../img/back-mb.png) center / contain no-repeat;
  }

  .page__title {
    max-width: 70%;
    margin: 0 auto;
    margin-top: calc(-32 * var(--width-multiplier));
    margin-bottom: calc(12 * var(--width-multiplier));
    text-align: center;
  }

  .page__subtitle {
    margin-bottom: calc(20 * var(--width-multiplier));
    font-size: calc(20 * var(--width-multiplier));
    text-align: center;
  }

  .page__desc {
    margin-bottom: calc(32 * var(--width-multiplier));
    font-size: calc(16 * var(--width-multiplier));
    text-align: center;
  }
}