/* Shared: hero title + subtitle on brand landings (mobile only). */
@media (max-width: 959px) {
  .hero h1,
  .hero h1.h1-mobile-only {
    font-size: 27px;
  }
  .hero .lead {
    font-size: 16px;
  }
}

/* HyperTrimmer / landing.css template */
@media (max-width: 767px) {
  .hero-headline__title {
    font-size: 27px;
  }
  .hero-headline__subtitle {
    font-size: 16px;
  }
}