*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body{
  padding-top: 100px;
  }
  
  /* .navbar-nav{
    margin-right: auto;
  } */
  
  header{
    position: fixed;
    top: 10px;
    left: 50%;
    margin-top: 60px;
    background-color: white;
    z-index: 1111;
    transform: translate(-50%,-50%);
    width: 100%;
    box-shadow: 0px 0px 1rem rgba(0,0,0,0.1);
  }
  /* header.sticky{
    padding: 5px 20px;
    background-color: #7cbb42;
  } */
  .navbar{
    background-color: transparent;
   
  
  }
  
  .menu_active{
    font-weight: bold;
    border-bottom: 1px solid #0f0f11 !important;
  }
  
  .navbar .nav-item .nav-link {
    padding: 5px 18px !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  
    color: rgb(73,24,16) ;
    font-weight: 600 !important;
  }
  
  .navbar .nav-link:hover{
    color: #0b5f0b !important;
  }
  a{
    text-decoration: none !important;
  }
  
  .navbar-brand img{
    
    width: 280px;
    margin: 0 auto;
    padding: 1px;
  }
  .nav-bg{
    /* background-image:linear-gradient(to left , rgba(0, 0, 0, 0.671) ,rgba(0, 0, 0, 0.945)) ,url('/src/images/home-header-image.jpeg'); */
  width: 100%;
  border-top: 15px solid #7cbb42;
  }
  
  .navbar-logo{
     display: flex;
     justify-content: center;
     align-items: center;
     border-bottom: 1px solid rgb(191, 202, 187);
     
  } 
  
  
  .navbar-brand-extra img{
      display: none;
      width: 300px;
  }
  
  @media(max-width:991px){
    .navbar-toggler{
        top: -50px;
        right: 0;
        position: absolute;
    }
  
    .nav-bg{
      position: fixed;
      top: -80px;
      padding-bottom: 0px;
      
      background-color: aliceblue;
    }
  }
  
  @media(max-width:500px){
    .navbar-brand-extra img{
       visibility: visible;
       
        width: 200px;
    }
    .navbar-toggler{
        top: -50px;
        right: 0;
        position: absolute;
    }
    
  
    .navbar-brand img{
    
        width: 200px;
        margin-right: 40px;
      }
      header{
        position: fixed;
        top: 0px;
        
        
        box-shadow: 0px 0px 1rem rgba(0,0,0,0.1);
      }
    
      /* .navbar-brand{
        display: none;
      } */
  
      .nav-bg{
        position: fixed;
        top: -60px;
        padding-bottom: 0px;
        
        background-color: aliceblue;
      }

      .navbar-logo{
        
        justify-content: flex-start;
       
        
     } 
      
  
  }