main {
  background-color: var(--color-bg-primary);
}
.hero-content h1 {
  max-width: 20ch;
  color: #fff;
}
.hero-content .lead {
  max-width: 40rem;
  color: #fff;
}
.section-fade {
  will-change: opacity, transform;
}
@media (max-width: 768px) {
  .hero-slider {
    min-height: 70vh;
  }
  .hero-content {
    max-width: 100%;
  }
}