#eventListContainer {
  padding: 20px 0;
}

.page-title-container {
  margin-top: 82px;
  max-height: fit-content;
}

.hero-section {
  max-height: fit-content;
}

/* TABLETS */
@media (max-width: 1199px) {
}

/* MOBILE BREAKPOINTS */
@media (max-width: 767px) {
  .hero-image {
    height: 220px;
  }

  .page-title-container {
    margin-top: 68px;
  }

  .stats-grid {
    flex-direction: column;
    align-items: stretch;
  }
  .club-filter__controls {
    width: 100%;
    margin-top: 12px;
  }

  .section-hero-bar {
    margin-top: 70px;
  }

  .section-title {
    padding: 10px 0;
  }
}