@media (min-width: 901px) {
  .hero-content.reveal,
  .hero-content.reveal.is-visible {
    transform: translateY(64px) !important;
  }

  .city-meta {
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .city-row:has(.city-venue) .city-meta {
    grid-row: 1 !important;
    align-self: end !important;
  }

  .footer.section {
    height: auto !important;
    min-height: 330px !important;
    padding-bottom: 12px !important;
    overflow: visible !important;
  }

  .footer-bottom {
    min-height: 36px !important;
    margin-top: 34px !important;
  }
}

@media (max-width: 900px) {
  .hero-bg {
    object-position: 50.7% top !important;
  }

  .hero-brand-logo {
    transform: translateY(-6px) !important;
  }
}