@media (max-width: 760px) {
  .hero-label {
    width: auto !important;
    max-width: 100% !important;
    font-size: .68rem !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  body .hero #eventName {
    width: auto !important;
    max-width: 8.5ch !important;
    margin-inline: auto !important;
    font-size: clamp(2.7rem, 12vw, 3.25rem) !important;
    line-height: .96 !important;
  }

  .hero-tagline {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    font-size: .9rem !important;
  }
}