@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo/static/Aleo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo/static/Aleo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Aleo';
  src: url('./fonts/Aleo/static/Aleo-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: optional;
}

@font-face {
  font-family: 'Prosto One';
  src: url('./fonts/Prosto_One/ProstoOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: optional;
}

.page {
  font-family: 'Aleo', Georgia, serif;
}

.hero__title,
.about__title,
.services__title,
.benefits__title,
.cta__title,
.brands__title,
.reviews__title,
.service-card__title,
.benefits__item-title,
.footer__title {
  font-family: 'Aleo', Georgia, serif;
  font-weight: 800;
}

.hero__text,
.about__text,
.benefits__text,
.cta__text,
.footer__text,
.nav__link,
.topbar__item,
.section-eyebrow,
.footer__list-item,
.button,
.brands__label,
.cta__list,
.reviews__card figcaption,
.topbar__badge,
.about__stat dd,
.cta__map figcaption {
  font-family: 'Aleo', Georgia, serif;
}

.button,
.nav__link,
.section-eyebrow,
.topbar__badge,
.footer__list-item {
  font-weight: 700;
}

.nav__logo,
.reviews__score span {
  font-family: 'Prosto One', 'Arial Narrow', sans-serif;
  font-weight: 400;
}

.hero__text,
.cta__text {
  font-weight: 700;
}