/* Tablet: 768px and under */
@media (max-width: 768px) {
  .weeklySchedule {
    flex-wrap: wrap;
    justify-content: center;
  }

  .day {
    flex: 1 1 calc(33% - 1rem);
    min-width: 150px;
  }

  .overlay-text .top-text {
    font-size: 2.2rem;
  }

  .overlay-text .center-text {
    font-size: 1.4rem;
  }
}

/* Mobile: 480px and under */
@media (max-width: 480px) {


  .mainBody h1{
    justify-self: anchor-center;
  }

  
  .weeklySchedule {
    flex-direction: row;
    align-items: center;
    justify-content: center !important;
  }

  .day {
    flex: 1 1 100% !important;
    max-width: 90%;
  }

  .overlay-text .top-text {
    font-size: 1.8rem;
  }

  .overlay-text .center-text {
    font-size: 1.2rem;
  }

  .headerButtons button {
    font-size: 16px;
    padding: 4px;
  }

  main.mainBody {
    padding: 1rem;
    padding-top: 80px;
  }
}



/* Tablet */
@media (max-width: 768px){
  .events-section { padding: 0 1rem; }
  .event-card { padding: .875rem; }
  .event-card .event-photos .event-photo { aspect-ratio: 16 / 9; }
}

/* Mobile */
@media (max-width: 480px){
  .event-card header { flex-direction: row; align-items: center; }
  .event-card .actions { flex-wrap: wrap; }
  .event-card .event-photo { flex: 1 1 100%; }
}