#menu-icon{width:28px;height:28px;position:relative;-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}#menu-icon,#menu-icon span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}#menu-icon span{display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#menu-icon span:first-child{top:0}#menu-icon span:nth-child(2){top:9px}#menu-icon span:nth-child(3){top:18px}#menu-icon.open span:first-child{top:9px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#menu-icon.open span:nth-child(2){opacity:0;left:-60px}#menu-icon.open span:nth-child(3){top:9px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}