/**
 * @file
 * Subtheme specific CSS.
 */


 /* Hero Banner */
 .hero-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center left;
  min-height: 300px;
  margin-top: clamp(-340px, -7vw, -115px);
  padding-top: 16vw;
  padding-bottom: 11.65vw;
 }
 .hero-banner .title {
   font-weight: 800;
   color: var(--bs-primary);
   font-size: 3.6rem;
   margin-bottom: 1rem;
   text-transform: uppercase;
   line-height: 1em;
 }
 .hero-banner .lead {
   font-size: 1.1rem;
   font-weight: 500;
   color: var(--bs-primary);
   margin-top: 10px;
 }

 @media (max-width: 991px) {
  .hero-banner {
    padding: 10rem 0 6rem;
  }
}