/* Base font size */

/* Headers */
h1 {
  font-size: calc(2rem + 1vw) !important; /* Fluid size with minimum size */
}
h2 {
  font-size: calc(1.3rem + 1vw) !important; /* Fluid size with minimum size */
}

@media (min-width: 768px) {
  h1 {
    font-size: calc(2rem + 2vw) !important; /* Adjust for medium screens */
  }
  h2 {
    font-size: calc(1.6rem + 1.5vw) !important; /* Adjust for medium screens */
  }
}

@media (min-width: 1024px) {
  .nav {
    flex: 1;
  }
  .hero {
    background-size: cover;
    background-position-y: 15%;
  }
  h1 {
    font-size: calc(2.5rem + 1vw) !important; /* Adjust for large screens */
  }
  h2 {
    font-size: calc(2rem + 0.5vw) !important; /* Adjust for large screens */
  }
}

.h1 {
  color: #fff;
  font-family: Inter;
}
.h2 {
  color: #fff;
  font-family: Inter;
}