/* Add your own styles here to customize your site */

#home {
    background-image: url(siteheader1.jpg);
    background-attachment: fixed; /* Keeps the image fixed on desktop */
}

@media only screen and (max-width: 768px) {
    #home {
        background-size: cover; 
        background-attachment: scroll; /* Allows the image to scroll on mobile */
        background-position: center center; /* Keeps the image centered on mobile */
    }
}

.carousel-caption {
    text-align: left;
    }

    .bg-custom {
        background-color:  #2e6f40;
        }
        .navbar-nav .nav-link {
            color: #dde6d5 ;
            }
            
            .navbar-nav .nav-link:hover {
            color: #2e6f40;
            }
            
            .nav-item .active {
            font-weight: 600;
            }

.bg-custom1 {
    background-color : #dde6d5 ;
}

.translucent-bg{
    background-color:white;
}

.result-img {
    width: 300px;
    height: auto;
    border-radius: 10px; /* optional styling */
  }