.live-event-hero {
  padding-bottom: 7.5rem;
}

.live-event-hero .event-meta {
  margin: 1rem 0 .85rem;
}

.live-event-hero h1 {
  max-width: 940px;
  margin: 0 0 1rem;
}

.live-event-hero p {
  max-width: 680px;
  margin: 0;
}

.live-event-section {
  position: relative;
  z-index: 2;
  margin-top: -4.5rem;
  padding-top: 0;
}

@media (max-width: 560px) {
  .live-event-hero {
    padding-bottom: 5.5rem;
  }

  .live-event-section {
    margin-top: -3.5rem;
  }
}