thead {
  background-color: #CF3630;
  color: white;
}

th.description {
  min-width: 260px;
}

th.time {
  min-width: 180px;
}

th.name {
  min-width: 200px;
}

th.contact {
  min-width: 200px;
}

th.location {
  min-width: 240px;
}

a:hover {
  color: #CF3630;
}

@media (max-width: 500px) {
  .table {
    display: block !important;
  }
  .page-subheading {
    font-size: 25px !important;
  }
}

a.selected {
  background-color: #CF3630 !important;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2em;
  grid-auto-rows: minmax(100px, auto);
}

.post-title {
  font-size: 22px !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media only screen and (max-width: 768px) {
  .grid-container {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: minmax(100px, auto);
  }
}

.b-lazy {
  -webkit-transition: opacity 1500ms ease-in-out;
  -moz-transition: opacity 1500ms ease-in-out;
  -o-transition: opacity 1500ms ease-in-out;
  transition: opacity 1500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

.row > h2 {
  padding-top: 1.5em;
}