.menu-button{padding:0.5em;background-color:#000;text-align:center;z-index:3}.menu-button .menu-button-burger{position:relative;min-width:30px;height:24px}.menu-button .menu-button-burger span{position:absolute;top:0;left:0;width:100%;height:2px;background-color:#fff;-webkit-transition:all 0.5s;transition:all 0.5s}.menu-button .menu-button-burger span:nth-of-type(1){top:0}.menu-button .menu-button-burger span:nth-of-type(2){top:11px}.menu-button .menu-button-burger span:nth-of-type(3){top:22px}.menu-button.active span:nth-of-type(1){-webkit-transform:translateY(11px) rotate(45deg);transform:translateY(11px) rotate(45deg)}.menu-button.active span:nth-of-type(2){opacity:0}.menu-button.active span:nth-of-type(3){-webkit-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}