body {
  max-width: 1200px;
  margin: 0 auto;
  font-family: franklin-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.nav-link {
  font-size: 0.8rem;
  font-family: calibri, san-serif;
  color: #2a6680;
}

.bg-blue {
  background-color: #2a6680 !important;
}

#heading-1 {
  color: #6f9b2a;
  font-size: 2.25rem;
}

#heading-2 {
  color: #2a6680;
  font-size: 1.5rem;
}

#heading-3 {
  color: #646363;
  font-size: 1rem;
}

#event-search-widget {
  width: 100%;
}

.safety-info-heading {
  color: #646363;
  font-family: franklin-gothic, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.footer-text {
  color: #646363;
}

#landing-image-container {
  background-color: #2a6680;
}

/* #landing-image {
  border-radius: 0 0 0 50%;
} */

@media (min-width: 576px) {
  #event-search-widget {
    width: 75%;
  }

  #landing-container {
    /* border-radius: 0 0 0 20%; */
    background-color: #fff;
  }

  #landing-image-container {
    max-height: 60vh;
    overflow: hidden;
  }

  #landing-image {
    border-radius: 0;
    max-height: 70vh;
    object-fit: cover;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .landing {
    margin: 0 auto;
  }

  #heading-1 {
    font-size: 3.5rem;
    /* line-height: 1.25; */
    font-weight: 400;
  }

  #heading-2 {
    font-size: 1.5rem;
    /* line-height: 1.25; */
    font-weight: 400;
  }

  #heading-3 {
    font-size: 1rem;
    /* line-height: 1.25; */
    font-weight: 400;
  }

  #landing-text-container {
    width: 50%;
    /* border-radius: 0 0 0 25%; */
    background-color: #fff;
  }
  #landing-image-container {
    width: 50%;
    max-height: 70vh;
    background-color: #fff;
  }

  #landing-image {
    border-radius: 0;
    /* max-height: 70vh; */
    width: 100%;
    min-height: 50vh;
    object-position: left;
    mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 0) 0%,
      rgb(0, 0, 0) 25%,
      rgb(0, 0, 0) 100%
    );
  }
}