@media (min-width: 300px) and (max-width: 991px) {
  h1 {
    font-size: 36px;
  }
}

@media (min-width: 992px) and (max-width: 100vw) {
  h1 {
    font-size: 55px;
  }
}