.background-image {
  background-image: url('images/wildflower-meadow-1920.jpg');
  background-attachment: fixed; /* Keep image fixed */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh; /* Cover entire viewport height */
  filter: opacity(0.8);
}

#content {
  position: relative; /* Ensure content is on top of the image */
  z-index: 1; /* Place content above the image */
  padding: 100px; /* Add padding for spacing */
}

#meadow {
  background-image: url("images/wildflower-meadow-1920.jpg"); 
  background-size: cover;           
  background-repeat: no-repeat;  
  height: 100vh;                    
  margin: 0;
  display: flex;                    
  flex-direction: column;           
  align-items: center;              
  justify-content: center;          
  text-align: center;               
  font-family: sans-serif;          
  color: white;                    
}

#error-container, 
#success-message {
    color:red;
    display: none;
}

#contact-form-ecn{
  margin:30px;
  padding:20px;
  border:1px solid #f8f9fa;

}

#contact-form-ecn label {
    color:#000000;
}

#contact-form-ecn input {
    margin:3px;
    display:block;
}

#imgLoading{
    visibility:hidden;
    height:26px;
    width:26px;
}

.navbg{
    background-color:#3d5d4e;
}

.navtext{
    color:#FFFFFF;
}

.navtext:hover{
    color:#FFFFFF;
}

.main-page{
    padding-bottom:200px;
}

.imgfoot{
    max-height:75px;
    padding:6px;
}

.navbar-nav .nav-item.active .nav-link {
  font-weight: bold;
  color: #FFFFFF;
  text-decoration:underline;
}


.plant-list h3{
    padding-top:100px;
}