.nav{margin:0;
      list-style:none;
      text-align:center;}

.nav > li{display:inline-block;}
.nav > li > a{text-decoration:none;
	           margin-right:20px;
             font-family: Helvetica, Arial, sans-serif;
                       font-weight:200;
                font-size:25px;color:darkgray;}
.nav > li > a:hover{color:#94c630;}








@media all and (max-width: 950px) {
       .nav > li > a{
                margin-right:15px;
                font-size:25px;color:darkgray;}         

@media all and (max-width: 746px) {
#scroll-nav {z-index:99999;
    position: fixed;
    top: -50px;
    width: 100%;
    background: #292c2f;  /*#de8234 */
    border: 1px solid #94c630;
    border-right: none;
    transition: top 0.7s;}

#scroll-nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#scroll-nav ul li {
    list-style: none;
    float: left;
    text-align: center;
    border-left: 1px solid #94c630;
    border-right: 1px solid #94c630;
    width: 50%; /* fallback for non-calc() browsers 16.6667% = 6*/
    width: calc(100% / 2);
    box-sizing: border-box;
}

#scroll-nav ul li:nth-child(1) {
    border-left: 0;
}

#scroll-nav ul li a {
    display: block;
    text-decoration: none;
    color: #94c630;
    padding: 10px 0;
}

#scroll-nav ul li a:hover {
    background: white;
    
    color: dimgray;
    transition: all 0.3s linear;
}



 


.nav{margin:0;padding:0;}	
.nav > li{display:block;display:none;}
.nav > li > a{display:block;margin-right:0;
	          font-size:30px;color:#94c630;
	           }

.nav > li > a:hover{color:white;background-color:#94c630;}


.nav-btn{display:block;background-color:white;color:#94c630;font-size:40px;
         text-align:center;cursor:pointer;}
 
.nav-btn:before{font-family:Helvetica, Arial, sans-serif;
                       font-weight:200;
	       content: "\2630";}
}