.arlo#arlo h3 {
  font-size: 1em;
}

.arlo#arlo h1 {
  font-size: 5em;
}

.arlo#arlo h4 {
  font-size: 1em;
}

.arlo#arlo .arlo-list.events.single-event .arlo-event {
  width: 100%;
}

.arlo#arlo .single-event-list.hidden {
  display: none;
}

.arlo#arlo .single-event-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #f5f5f5;
  padding: 1.2em;
  margin-bottom: 30px;
}

.arlo#arlo .single-event-list .each-column {
  text-align: left;
  /* margin: auto; */
}

.arlo#arlo .single-event-list .each-column:nth-child(1),
.arlo#arlo .single-event-list .each-column:nth-child(3) {
  width: 25%;
}

.arlo#arlo .single-event-list .each-column:nth-child(2) {
  width: 50%;
  padding: 0 1.2em;
}

.arlo#arlo .single-event-list .each-column .arlo-date,
.arlo#arlo .single-event-list .arlo-event-registration .arlo-register {
  font-size: 24px;
  font-weight: normal;
  text-align: center;
  background-color: #33CCCC;
  padding: 0.1em 1em;
  min-height: 68px;
}

.arlo#arlo .single-event-list .each-column .arlo-event-location a {
  color: #33CCCC;
  text-transform: uppercase;
}

.arlo#arlo .single-event-list .each-column .arlo-date,
.arlo#arlo .single-event-list .each-column .arlo-event-duration {
  width: 100%;
}

.arlo#arlo .single-event-list .each-column .arlo-event-duration {
  padding: 0.6em 1.2em;
  margin-bottom: 15px;
  
  font-weight: normal;
  min-height: 68px;
}

.arlo#arlo .single-event-list .arlo-event-registration {
  text-align: center;
}

.arlo#arlo .single-event-list .arlo-event-registration .arlo-register {
  width: 100%;
}

@media screen and (max-width: 1300px) {
  .arlo#arlo .single-event-list .each-column .arlo-date,
  .arlo#arlo .single-event-list .arlo-event-registration .arlo-register {
    font-size: 20px;
  }
  
  .arlo#arlo .single-event-list .each-column .arlo-event-duration {
    font-size: 14px;
  }
}

@media screen and (max-width: 1300px) {
  .arlo#arlo .single-event-list .each-column .arlo-date,
  .arlo#arlo .single-event-list .arlo-event-registration .arlo-register {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .arlo#arlo .single-event-list .each-column:nth-child(1) {
    width: 100%;
  }

  .arlo#arlo .single-event-list .each-column:nth-child(2) {
    width: 66.6%;
    padding: 0;
    padding-right: 3px;
  }

  .arlo#arlo .single-event-list .each-column:nth-child(3) {
    width: 33.3%;
  }
  
  .arlo#arlo .single-event-list .each-column .arlo-date {
    min-height: unset;
  }
}

@media screen and (max-width: 837px) {
  .arlo#arlo .single-event-list {
    display: none !important;
  }

  .arlo#arlo .arlo-list.events {
    display: block !important;
  }
  
  .arlo#arlo .single-event-list .arlo-event-registration .arlo-register,
  .arlo#arlo .single-event-list .each-column .arlo-event-duration {
    min-height: unset;
  }
}