#navToggle {
	top: 13px; width: 30px; height: 25px; right: 13px; display: none; position: absolute; cursor: pointer;
}
#navToggle div {
	position: relative;
}
#navToggle span {
	transition:0.35s ease-in-out; width: 100%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 3px; border-bottom-style: solid; display: block; position: absolute; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out;
}
#navToggle span:nth-child(1) {
	top: 0px;
}
#navToggle span:nth-child(2) {
	top: 11px;
}
#navToggle span:nth-child(3) {
	top: 22px;
}
@media screen and (max-width:768px)
{
header nav {
	background: rgba(166,187, 0, 0.8); padding: 0px 10px; transition:0.5s ease-in-out; top: -270px; width: 100%; text-align: left; right: 0px; position: absolute; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out;
}
header ul {
	margin: 0px;
}
header ul li {
	margin: 0px; line-height: 3;
	border-bottom-color: #afdf3d; border-bottom-width: 1px; border-bottom-style: solid; display: block;
	background:url(../img/arrow.png) right 20px center no-repeat;
	text-align:center;
	color:#333;
}
header ul li a {
	display: block;
}
header ul li::after {
	content: "";
}
header ul li:last-child {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#navToggle {
	display: block;
}
.openNav #navToggle span:nth-child(1) {
	top: 11px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
}
.openNav #navToggle span:nth-child(2) {
	top: 11px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.openNav #navToggle span:nth-child(3) {
	top: 11px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
}
.openNav nav {
	transform: translateY(351px); -webkit-transform: translateY(351px); -moz-transform: translateY(351px);
}
}