/* Escribe aquí tu CSS personalizado */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Oleo+Script:wght@400;700&display=swap');

@font-face {
  font-family: 'livory';
  src: url("hvdtrial_livory_bolditalic.otf") format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.section-title, .banner h3, h2.featured-title, .product-info h3, .product-info h2, .resource-content h1 {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.section-description {
  font-family: 'livory', sans-serif;
}


@media (width >= 64rem) {
.section-description {
    font-size: 32px!important;
  }
.section-title {
    font-size: 128px!important;
  }
}

.section-title, .banner h3, .product-info h2{
  font-size: 60px;
}

.section-description {
  font-size: 24px;
}

.product-info h3 {
  font-size: 24px;
}

.first-level > a {
  font-family: "Anton", sans-serif;
  font-size: 1rem;
  letter-spacing: 1px;
}