.eventsHeaderRow {
  background-image: url('../images/Events_banner.jpg') !important;
}

.events__container {
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.events__copy {
  max-width: 1140px;
}

@media screen and (max-width: 1199px) {
  .events__copy {
    max-width: 940px;
  }
}

@media screen and (max-width: 991px) {
  .events__copy {
    max-width: 720px;
  }
}

@media screen and (max-width: 767px) {
  .events__copy {
    max-width: 100%;
    padding: 0 1rem;
  }
}