.anton-sc-regular {
  font-family: "Anton SC", serif;
  font-weight: 400;
  font-style: normal;
}

.amarante-regular {
  font-family: "Amarante", serif;
  font-weight: 400;
  font-style: normal;
}

.h1 {
  font-family: "Anton SC", serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--scale-60);
  text-transform: uppercase;
  line-height: 1.2;
}

.h2 {
  font-weight: 400;
  font-style: normal;
  font-size: var(--scale-32);
  line-height: 1.2;
}

.h3 {
  font-weight: 700;
  font-style: normal;
  font-size: var(--scale-32);
  line-height: 1.2;
}

.fs-small {
  font-size: var(--scale-12);
}

.fs-medium {
  font-size: var(--scale-16);
}

.rte,
.fs-large {
  font-size: var(--scale-20);
}

.fw-200 {
  font-weight: 200;
}

.fw-400 {
  font-weight: 400;
}

.fw-700 {
  font-weight: 700;
}

.fc-grey {
  color: var(--color-grey);
}

@media (max-width: 767px) {
  .h1 {
    font-size: 42px;
  }

  .h2 {
    font-size: 24px;
  }

  .h3 {
    font-size: 24px;
  }

  .fs-small {
    font-size: 12px;
  }

  .fs-medium {
    font-size: 16px;
  }

  .rte,
  .fs-large {
    font-size: 20px;
  }
}