.custom-line-height {
  line-height: 1.8; /* Uses a unitless multiplier for better scaling */
}


 .hero{ 
  /*background-image: url("/assets/images/header-bg-2.jpg"); */
  background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/assets/images/header.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height:80vh; */
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
.hero{
  /* background-image: url("/assets/images/header-bg-2.jpg"); */
  background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/assets/images/header.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:50vh;
    
}
}
/* phone landscape */
@media (min-width:700px){
  .hero{
    height:90vh;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .hero{ 
  background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/assets/images/header.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:70vh;
}
}

@media (min-width:800px) {
    .hero{
     background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/assets/images/header.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    height:90vh;
}
}



/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) { 
    .hero{
    height:80vh;
}
}