body {
  /*display:none;*/
}

@media (min-width: 992px) {
.hero#home {
  background-size: cover;
  color: white;
}
/* 1. Base Styles (Desktop/Default) */
.hero#home {
  background-image: url('./assets/images/banner3.jpg');
  background-size: cover;
  background-position: center;
  color: white;
  min-height: 400px; /* Adjust based on your design */
}
}
/* 2. Tablet View (e.g., 992px and below) */
@media (max-width: 992px) {
  .hero#home {
    background-size: contain;
    background-repeat: no-repeat;
    color: white;
  }
  /* 1. Base Styles (Desktop/Default) */
 .hero#home{
    background-image: url('./assets/images/banner3.jpg');
    background-size: contain; /* fit full image */
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px;


  }
}
/* 3. Mobile View (e.g., 576px and below) */
@media (max-width: 576px) {
  .hero#home {
    background-size: contain;
    background-repeat: no-repeat;
    color: white;
  }
.hero#home {
    background-image: url('./assets/images/banner3-mobile.jpg');
    min-height: 300px; /* Shorter height for mobile screens */
    background-size: contain; /* fit full image */
    background-position: center;
    background-repeat: no-repeat;
    padding: 0px;
  }
}
.hero-button {
  background: #8b5a2b;
  color: #fff;
}