/* ponytail: one mobile scale; component typography stays unchanged on desktop. */
@media screen and (max-width: 640px) {
  #allrecords h1 {
    font-size: clamp(1.75rem, 8.2vw, 2rem) !important;
    line-height: 1.15 !important;
  }

  #allrecords h1.mes-home-hero__title {
    font-size: clamp(1.875rem, 9.4vw, 2.125rem) !important;
    line-height: 1.05 !important;
  }

  #allrecords h2 {
    font-size: clamp(1.5rem, 7.2vw, 1.75rem) !important;
    line-height: 1.2 !important;
  }

  #allrecords h2.t-card__title {
    font-size: 1.25rem !important;
  }

  #allrecords h3 {
    font-size: clamp(1.3125rem, 5.9vw, 1.4375rem) !important;
    line-height: 1.25 !important;
  }

  #allrecords h4 {
    font-size: clamp(1.125rem, 5.1vw, 1.25rem) !important;
    line-height: 1.3 !important;
  }

  #allrecords h5 {
    font-size: clamp(1rem, 4.4vw, 1.0625rem) !important;
    line-height: 1.35 !important;
  }
}