/* Hamburger Code */

#hamburger {
	width: 25px;
	height: 20px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 3000;
}

#hamburger span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;

	background-color: rgb(92, 92, 92);

	border-radius: 9px;
	opacity: 1;
	left: 0;

	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .15s ease-in-out;
	-moz-transition: .15s ease-in-out;
	-o-transition: .15s ease-in-out;
	transition: .15s ease-in-out;
}

/* Icon 3 */

#hamburger span:nth-child(1) {
	top: 0px;
}

#hamburger span:nth-child(2),
#hamburger span:nth-child(3) {
	top: 8px;
}

#hamburger span:nth-child(4) {
	top: 16px;
}

#hamburger.open span:nth-child(1) {
	top: 8px;
	width: 0%;
	left: 50%;
}

#hamburger.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#hamburger.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#hamburger.open span:nth-child(4) {
	top: 8px;
	width: 0%;
	left: 50%;
}