* {
  font-family: "EB Garamond", serif;
}

@media (max-width: 768px) {
  h2 {
    font-size: 9rem;
  }

  h1 {
    font-size: 6rem;
  }

  h3 {
    font-size: 5.5rem;
  }

  h4 {
    font-size: 5rem;
  }

  h5 {
    font-size: 4.5rem;
  }

  section,
  footer {
    padding: var(--space-lg) var(--space-lg);
  }
}

@media (max-width: 480px) {
  h2 {
    font-size: 7rem;
  }

  h1 {
    font-size: 5rem;
  }

  h3 {
    font-size: 4.5rem;
  }

  h4 {
    font-size: 4rem;
  }

  h5 {
    font-size: 3.5rem;
  }
}