#GnavWP { margin-bottom:20px; }
#Gnav{
  width: 100%;
  max-width: 1000px;
  margin:0 auto;
  padding: 0;
}
#Gnav li{
  display: block;
  float: left;
  width: 13.5%;
  margin: 0;
  padding: 0;
  font-size:90%;
  border-right:1px #FFF solid;}
#Gnav li.last{ width:19%;}
#Gnav li a{
  display: block;
  padding: 12px 0 10px;
  background: #FFCF40;
  color: #000;
  text-align: center;
  text-decoration: none;
}
#Gnav li a:hover{
  background: #F7B900;
  color: #C00;
}
#toggle{ 
 display: none;
}


#Gnav li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


@media only screen and (max-width: 768px) {
  #Gnav{
    display: none;
  }
  #Gnav li{
    width: 100%; border-right:none; border-bottom:#FFF 1px solid;
  }
  #Gnav li.last{
    width: 100%; border-right:none; border-bottom:#FFF 1px solid;
  }
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background:#FFCF40;
}
#toggle a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #FFF;
  color: #000;
  text-align: center;
  text-decoration: none;
}



  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #FFCF40;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }


}