html {
  overflow-x: hidden;
}

#hero {
  overflow: hidden;
  position: relative;
}

#hero .bg-cover {
  animation: zoom-in-zoom-out 70s ease-out infinite 2s;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1.1, 1.1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}

.display-1 {
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1 !important;
  font-style: italic;
  letter-spacing: 0.1rem;
}

h1.display-1 {
  font-weight: 800;
}

h2.display-1 {
  font-weight: 300;
}

h2.display-1 .text-primary {
  font-weight: 800;
}

/* sm */
@media (max-width: 576px) {
  h1.display-1 {
    font-size: 3rem;
  }
  h2.display-1 {
    font-size: 3rem;
  }
}

/* lg */
@media (min-width: 992px) {
  h1.display-1 {
    margin-right: 4rem;
  }

  h2.display-1 {
    margin-left: 17rem;
  }
}