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

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

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

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

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

/*** Added Code ***/

#nav li { background-color: #fff; } 
#nav li a { color: #000; display: block; padding: 1em; border-bottom: 1px solid #333; font-weight: 700; }
#nav li a:hover { text-decoration: none; color: #FF0000; }

#toggle { position: absolute; right: 1em; top: 1.8em; width: 2em; height: 1.5em; background: url(../images/hamburgler.png) no-repeat; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; background-size: 22px auto; }

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

@media screen and (min-width: 40em) {
  .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: 7%;
	  width: auto !important;
	  zoom: 1;
  }
  
  #nav li:first-child { margin-left: 0; }
  
  #nav li a { padding: 0;
	  border-bottom: none; }
  #nav { top: 0; }
}