/* Nav */
.navbar {
  border-top: 3px solid rgba(168, 190, 105, 1);
  background-color: #fffffF;
  min-width: 100%; 
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  margin-bottom: 2em;
  opacity: 0.96;
  z-index: 9999;
}

.logo {
  display: inline-block;
  height: 50px;
}

#stickyLogo, #toTop {
   opacity: 0; 
   transition: all 0.2s ease-out; 
}

#stickyLogo img {
    margin-top: -5px;
    width: 200px;
}

.is-sticky #stickyLogo, .is-sticky #toTop {
   opacity: 1;
   transition: all 0.5s ease-out; 
}

.wrapper {
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  padding-top: 2px;
}

nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    margin-right: 15px;
    padding: 0;
}
    
nav a {
      color: #000000;
      font-size: 20px;
      font-weight:400;
      text-decoration: none;
}

nav a:hover {
    color: rgb(168, 190, 105);
    text-decoration: none; 
    transition: all 0.2s ease-out; 
}

  
nav li  {
    display: inline-block;
    width: 120px;
    text-align: center;
  }

nav a:hover [class^="fa"] { 
    color: rgb(168, 190, 105);
    -webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out; 
}
  
#menu-toggle {display: none;}
  
.label-toggle {display: none;}
  
.wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }


.to-top {
    text-align: right;
}
  
  @media screen and (max-width: 768px) {
    nav ul {
      background-color: #ffffff;
      display: block;
      height: 0;
      list-style-type: none;
      opacity: 0;
      text-align: left;
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      width: 100%;
      visibility: hidden;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 0;
    }
    
    nav li {
      border-bottom: 1px solid #efefef;
      color: #000000;
      display: block;
      font-size: 1em;
      width: 100%;
      padding-top: 1em;
      padding-bottom: 1em;
    }
      
    nav li:hover {
        color: rgb(168, 190, 105);
        -webkit-transition: all 0.5s ease-out;
	    transition: all 0.3s ease-out;
    }
      
    nav span {
      padding-left: 1em;
    }
      
    .to-top {
      text-align: center;
    }
      
    .logo {
      margin-left: 0.6em;
    }     
    
  
    #menu-toggle:checked ~ ul {
      opacity: 1;
      height: 100%;
      visibility: visible;
    }
    
    .label-toggle {
      background: -webkit-linear-gradient(top, #21252b 0%, #21252b 20%, transparent 20%, transparent 40%, #21252b 40%, #21252b 60%, transparent 60%, transparent 80%, #21252b 80%, #21252b 100%);
      background: linear-gradient(to bottom, #21252b 0%, #21252b 20%, transparent 20%, transparent 40%, #21252b 40%, #21252b 60%, transparent 60%, transparent 80%, #21252b 80%, #21252b 100%);
      cursor: pointer;
      display: block;
      float: right;
      height: 20px;
      margin-top: 1.3em;
      margin-right: 1em;
      width: 20px;
    }
    
    .wrapper {display: block;}

}