/*! responsive-nav.js v1.0.20 by @viljamis */

#nav ul {
  margin: 0 auto;
  padding: 0;
  width: 95%;
  display: block;
  list-style: none; 
  text-align: center;
}

#nav li {
  width: 100%;
  display: block;
}

.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: relative !important;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

/*** Added Code ***/

#nav li { background-color: #fff; } 
#nav li a { color: #333; display: block; padding: 1em; border-bottom: 1px solid #333;  }
#nav li a:hover { text-decoration: none; color: #05695A; }

#toggle {
    background: rgba(0, 0, 0, 0) url("../images/hamburgler.png") no-repeat scroll 0 0 / 78px auto;
    height: 1.5em;
    position: absolute;
    right: 1em;
    top: 0em;
    width: 4em;
 }

#nav { top: 0; width: 100%; display: block; }

@media screen and (min-width: 900px) {
  .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #toggle {
    display: none;
  }
  
  /*** Added styling ***/
  
  #nav li {
	  list-style: none;
	  display: inline-block;
	  margin-left: 2%;
	  width: auto !important;
	  zoom: 1;
  }
  
  #nav li:first-child { margin-left: 0; }
  
  #nav li a { padding: 0;
	  border-bottom: none; }
  #nav { top: 0; }
  
  
}

@media screen and (max-width: 1024px) {
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  text-align: center;
}
}

@media screen and (max-width: 768px) {
	
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  max-width: 350px;
  float: right; 
  margin-right: 6em;
  font-size: 0.7em;
}

#nav li { margin-left: 3%; }
	
}

@media screen and (max-width: 640px) {
	
#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
  max-width: 100%;
  float: none; 
  margin-right: 0;
  font-size: 1em;
}

#nav li { margin-left: 0%; }
	
}