.splash-container {
  justify-content: center;
  align-items: center;
  height: 60vh;
  min-height: 320px;
  background: url("../media/splash/splash-rPOlmHK.jpg") no-repeat center center;
  background-size: 100%;

  @media (max-width: 992px) {
    background-size: auto;
  }

  h1 {
    font-size: 4rem;

    @media (max-width: 992px) {
      font-size: 2rem;
    }
  }

}

.hero {
  padding: 10rem 0;
  height: 40vh;
}