@media (min-width: 768px) {
  :root {
    --font-size-sm: 13px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
    --font-size-4xl: 32px;
    --font-size-5xl: 40px;
  }

  .content-container {
    max-width: 640px;
  }

  .modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 580px;
  }
}

@media (min-width: 1024px) {
  :root {
    --font-size-sm: 13px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 28px;
    --font-size-4xl: 32px;
    --font-size-5xl: 40px;
  }

  .content-container {
    max-width: 768px;
  }
}

@media (min-width: 1280px) {
  .content-container {
    max-width: 1280px;
  }

  .header__brand-divider {
    display: block;
  }

  .header__brand-description {
    display: block;
  }

  .header {
    width: 1280px;
    padding: 2rem;
    margin: 0 auto;
  }

  .header__info {
    display: flex;
  }

  .header__sidebar-triggers {
    display: none;
  }

  .header__cta-info {
    flex-direction: row;
  }

  .hero > .content-container {
    text-align: left;
  }

  .hero__action {
    flex-direction: column;
  }

  .hero__cta-info {
    flex-direction: row;
    align-items: flex-start;
  }

  .hero__buttons {
    flex-direction: row;
    align-items: center;
  }

  .icon-wave-arrow {
    transform: none;
  }

  .section__what-is-it {
    margin-top: -2rem;
  }

  .what-is-it__wrapper {
    margin: 0;
  }

  .card {
    padding: 3rem;
  }

  .section__what-is-it .card {
    display: flex;
    justify-content: space-between;
  }

  .empty-size {
    max-width: none;
    max-height: none;
  }

  .what-is-it__image {
    top: -25%;
    right: -70px;
  }

  .section__first-screen::before {
    width: 50%;
  }

  .what-is-it__header {
    flex-direction: row;
  }

  .section__what-is-it {
    max-width: none;
    width: 1200px;
  }

  .cards__grid {
    grid-template-columns: 1fr 1fr;
  }

  .empty-card {
    grid-row: auto;
  }

  .section__destroy > .content-container {
    grid-template-columns: 1fr 1fr;
    gap: 8rem;
    text-align: left;
  }

  .section__destroy::before {
    width: 50%;
  }

  .section__destroy {
    padding: 10rem 0;
  }

  .destroy__times {
    justify-content: flex-start;
  }

  .answer-card {
    padding: 3rem 5rem;
  }

  .variant-image__card {
    display: none;
  }

  .image__card, .accent__img {
    display: block;
  }

  .variants {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "a a b" "c d d" "e e e";
    gap: 4rem;
    width: 100%;
  }

  .variants > div {
    width: auto;
  }

  .variants > div:nth-child(1) {
    grid-area: a;
  }

  .variants > div:nth-child(2) {
    grid-area: b;
  }

  .variants > div:nth-child(3) {
    grid-area: c;
  }

  .variants > div:nth-child(4) {
    grid-area: d;
  }

  .variants > div:nth-child(5) {
    grid-area: e;
  }

  .variant__header {
    flex-direction: row;
  }

  .variant__accent-card {
    padding: 2rem;
  }

  .variant__buttons {
    flex-direction: row;
  }

  .why__cards {
    grid-template-columns: 1fr 1fr;
  }

  .profits {
    grid-template-columns: 1fr 1fr;
  }

  .profits__title-container {
    justify-content: flex-start;
  }

  .profits__title {
    text-align: left;
  }

  .steps {
    flex-direction: row;
  }

  .additional__items {
    flex-direction: row;
  }

  .section-contacts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }

  .section-contacts > div {
    flex-basis: 50%;
  }

  .contacts__wrapper {
    padding: 4rem 0 4rem 4rem;
  }

  .footer .content-container {
    flex-direction: row;
  }
}