body {
  font-family: "Inter", sans-serif;
  color: #555;
}

img {
  max-width: 100%;
  width: auto;
}

.container {
  max-width: 1280px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DM Serif Display", serif;
  color: #333;
}

h1 {
  font-size: 2.027rem;
}

h2 {
  font-size: 1.802rem;
}

h3 {
  font-size: 1.602rem;
}

h4 {
  font-size: 1.424rem;
}

h5 {
  font-size: 1.266rem;
}

h6 {
  font-size: 1.125rem;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.815rem;
  }

  h2 {
    font-size: 3.052rem;
  }

  h3 {
    font-size: 2.441rem;
  }

  h4 {
    font-size: 1.953rem;
  }

  h5 {
    font-size: 1.563rem;
  }

  h6 {
    font-size: 1.25rem;
  }
}