/*Entire CSS from http://www.hongkiat.com/blog/responsive-web-nav/ */

nav {
position: relative;
left: 0em;
color: maroon;
width:100%;

height:40px;
padding-left: 1em;


}

nav ul {
padding: 0;
margin: 0 auto;
width: 50%;
height: 20%;


}

nav li {

}

nav a{
/* menu Text color */
color: #8CC263;
display: inline-block;

width: 80%;
text-align: left;
text-decoration: none;
line-height:40px;


}



nav li:last-child a {
border-right: 0;

}


nav a#pull {
display: none;

}

@media screen and (max-width: 700px) {
nav {

height: auto;

}

nav ul {  
        min-width:100% ;  
        display: block;  
        height: auto;  
    }  
    nav li {  
        width: 50%;  
        float: left;  
        position: relative; 
        min-width: 50%;
 
    }  
   
   /* nav li a {  
     
       border-bottom: 1px solid #576979;  
        border-right: 1px solid #576979;  
    }  */
    nav a {  
        text-align: left;  
        width: 100%;  
        text-indent: 15px;  
        position: relative;
        white-space: nowrap;
        

    }
    
     
} 

@media only screen and (max-width : 480px) {  
    nav {  
        border-bottom: 0; 
         
    }  
    nav li {
    width: 100%;
    
    }
    nav ul {  
        display: none;  
        height: auto;  
    }  
    nav a#pull {  
        display: block;  
        background-color: #524F3F;  
        width: 100%;  
        position: relative;
        
    }  
    nav a#pull:after {  
        content:"";  
        background: url('../nav-icon.png') no-repeat;  
        width: 30px;  
        height: 30px;  
        display: inline-block;  
        position: absolute;  
        right: 15px;  
        top: 10px;  
    }  
    
  
	

}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;

}

.clearfix:after {
	clear:both;

}

.clearfix {
*zoom:1;

}



li {
padding-bottom: .35em;
padding-top: .35em;



}

.navlist 
{
list-style-type: none;
margin: 0;
padding: 0;
}

.navlist a:link    {
  text-decoration:  none;
  color: #27af13;
  font-size: 25px;
  font-family: "Helvetica Neue";
  } 
  
  
  .navlist a:visited    {
  text-decoration:  none;
  color: #27af13;
  font-size: 25px;
  font-family: "Helvetica Neue";
  } 
  
  .navlist a:hover   {
  text-decoration:  none;
  color: blue;
  font-size: 25px;
  font-family: "Helvetica Neue";
  }