.hero-banner {
  width: 100vw;
  min-height: 90vh; 
  background-size: cover; 
  background-position: bottom; 
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center; 
  padding: 20px;
  text-align: center;
}
.title{
    font-family: 'Montserrat';
    font-size: clamp(2rem, 3.2vw, 5rem);
    margin-bottom: 0px;
    font-weight: 800;
    color: rgb(36, 36, 36);
}
.subtitle{
    font-family: 'Montserrat';
    font-size: clamp(1rem, 2vw, 3rem); 
    margin-bottom: 20px;
    color: rgb(49, 49, 49);
    font-weight: 700;
}