.banner {
  background: rgba(6, 35, 44, 0.65) var(--banner-bg) no-repeat center;
  background-size: cover;
  background-blend-mode: overlay;
  padding: 2.5rem 1rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  .banner {
    border-radius: 0;
  }
}

.banner-title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .banner-title {
    font-size: 2.1rem;
  }
}

.banner-summary {
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
}
@media (min-width: 992px) {
  .banner-summary {
    font-size: 1.1rem;
  }
}