@keyframes fade-in-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 100%;
  }
}

.title {
  font-size: 3rem;
}

.hero {
  background: url("/static/images/hero.e646b3dda2e2.jpg") center center / cover no-repeat white;
}

@media (max-width: 768px) {
  .reverse-columns {
    display: flex;
    flex-direction: column-reverse;
  }
}

.animate {
  opacity: 0;
}

.fade-in {
  animation-name: fade-in-animation;
  animation-duration: 1.5s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}

.stay-large {
  min-height: 600px;
  height: 80vh;
}