.event {
  display: inline-flex;
  width: 100%;
}
.event__container {
  width: 100%;
}
.event__image {
  margin: 10px 40px;
  text-align: center;
}
.next_event .event__image img:hover{
  box-shadow: 10px 5px 5px #e520ff;
}
.old_events .event__image img:hover{
  box-shadow: 10px 5px 5px rgb(33,54,54);
}
.event__date {
  margin: 10px;
}
.event_contact {
  text-align: center;
}
.event__location span{
  line-height: 35px;
  vertical-align: bottom;
}
.next_event {
  background: linear-gradient(45deg, #a216b5, transparent);
  border-radius: 20px;
  margin: 10px 0px;
}
.next_event .titleContainer {
  padding: 10px 0px 0px 10px;
}
.next_event .titleText {
  background-color: white;
  color: #a216b5;;
}
.old_events .titleContainer {
  padding: 10px 0px 0px 10px;
}
.old_events {
  background: linear-gradient(45deg, black, transparent);
  border-radius: 20px;
}
.old_events .event__date, .old_events .event__location {
  color: lightgrey;
}
@media screen and (max-width: 640px) {
  .event {
    display: block;
  }
  .event__container {
    padding-bottom: 10px;
  }
  .event__date, .event__location {
    padding-left: 10px;
  }
}