/* Upcoming Events Section Home Page */

div.upcomingEvents h2,
div.upcomingEvents h4 {
  text-align: center;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
}

div.upcomingEvents h2 {
  margin-left: auto;
  margin-bottom: 24px;  
  margin-right: auto;
}

div.upcomingEvents a {
  text-decoration: none;
  transition: all .2s ease-in-out;
  
}

div.upcomingEvents {

}

div.upcomingEvents div {
  margin-bottom: 10px;
}


  div.upcomingEvents a .card-text {
    color: rgb(117,120,125);
    font-size: 14px;
    font-size: .875rem;
  }

  div.upcomingEvents .card .dateContent {
    background-color: rgb(31,53,94);
  }

div.upcomingEvents .card:hover .dateContent {
  background-color: rgb(255,163,0);
}

div.upcomingEvents h2 {
  font-size: 2.2rem;
}

@media (min-width: 576px) {
  div.upcomingEvents h2 {
    font-size: 38px;
    font-size: 2.375rem;
  }
}