/*
  optimize for 400px
  and ~1200px
  but go up to ~1480px

  min for: 
  h6: 21
  h5: 24
  h4: 28
  h3: 32
  h2: 36
  h1: 40

  max for:
  h6: 42
  h5: 48
  h4: 54
  h3: 60
  h2: 66
  h1: 72
*/
.h1 {
  font-size: clamp(2.2rem, 3vw + 1.5rem, 4rem);
  line-height: clamp(2.6rem, 3vw + 1.9rem, 4.4rem);
}

.h2 {
  font-size: clamp(1.85rem, 2.4vw + 1rem, 2.8rem);
  line-height: clamp(2.15rem, 2.4vw + 1.7rem, 3.8rem);
}

.h3 {
  font-size: clamp(1.4rem, 2.1vw + 1rem, 2.2rem);
  line-height: clamp(1.833rem, 1.5vw + 1.2rem, 3.167rem);
}

.h4 {
  font-size: clamp(1.3rem, 1.6vw + 1rem, 1.7rem);
  line-height: clamp(1.667rem, 1vw + 1.5rem, 2.833rem);
}

.h5 {
  font-size: clamp(1.2rem, 1.3vw + 1rem, 1.4rem);
  line-height: clamp(1.667rem, 1vw + 1.5rem, 2.833rem);
}

.h6 {
  font-size: clamp(1.1rem, 1vw + 1rem, 1.2rem);
  line-height: clamp(1.667rem, 1vw + 1.5rem, 2.833rem);
}