.span__burger_in_cross {
	 display: block;
	 background: #566973;
	 border-radius: 2px;
	 transition: 0.15s ease-in-out;
	 box-sizing: border-box;
}
 #menu-toggle {
	 width: 75px;
	 height: 75px;
	 padding-top: 2px;
	 margin: auto;
	 position: relative;
	 cursor: pointer;
}
 #menu-toggle #hamburger {
	 position: absolute;
	 height: 100%;
	 width: 100%;
}
 #menu-toggle #hamburger span {
	 width: 45px;
	 height: 3px;
	 position: relative;
	 top: 12px;
	 left: 15px;
	 margin: 10px 0;
}
 #menu-toggle #hamburger span:nth-child(1) {
	 transition-delay: 0.4s;
}
 #menu-toggle #hamburger span:nth-child(2) {
	 transition-delay: 0.525s;
}
 #menu-toggle #hamburger span:nth-child(3) {
	 transition-delay: 0.65s;
}
 #menu-toggle #cross {
	 position: absolute;
	 height: 80%;
	 width: 80%;
	 transform: rotate(45deg);
}
 #menu-toggle #cross span:nth-child(1) {
    height:0%;
    width:3px;
    position:absolute;
    top:10%;
    left:38px;
    transition-delay:0s;
}
 #menu-toggle #cross span:nth-child(2) {
    width:0%;
    height:3px;
    position:absolute;
    left:25%;
    top:29px;
    transition-delay:.25s;
}
 #menu-toggle.open #hamburger span {
	 width: 0%;
}
 #menu-toggle.open #hamburger span:nth-child(1) {
	 transition-delay: 0s;
}
 #menu-toggle.open #hamburger span:nth-child(2) {
	 transition-delay: 0.125s;
}
 #menu-toggle.open #hamburger span:nth-child(3) {
	 transition-delay: 0.25s;
}
 #menu-toggle.open #cross span:nth-child(1) {
	 height: 80%;
	 transition-delay: 0.525s;
}
 #menu-toggle.open #cross span:nth-child(2) {
	 width: 80%;
	 transition-delay: 0.275s;
}