@charset "utf-8";
/* CSS Document */

#gnav{
  width: 100%;
  max-width: 960px;
  
  
}

#gnav li{
  display: block;
   height:100%;
  float: left;
  width: 14.2%;
}

#gnav li a{
	font-size:1.3em;
  display: block;
  padding: 10px 0;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size:1em;
  letter-spacing:-3%;
  line-height:2em;
}

#gnav li a:hover{
  height:90%;
  background: #ffffff ;
  text-decoration:underline;
color:#006900;
}

#toggle a{
 display: none;
}


@media only screen and (max-width: 768px) {
#gnav{
	display:block;
}

#gnav li{
    width: 14.2%;   
	float:left;
  }

#gnav li a{
	font-size:0.9em;
        letter-spacing:-20%;
  
}
	

#gnav li a{
  display: block;
  padding: 5px 0 15px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  font-size:1em;
  letter-spacing:-3%;
  line-height:2em;
}

#gnav li a:hover{
	background:#ffffff;
	text-decoration:underline;
        color:#006900;
}

#toggle {
 display: none;
 text-decoration:none;
}



}

@media only screen and (max-width: 480px) {
#gnav{
		display:none;
		
}
}