*{margin:0;padding:0}#hamburger{z-index:99999999999;width:50px;right:4rem;height:45px;position:fixed;margin:50px auto;-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}#hamburger::before{content:"Menu";text-transform:uppercase;position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:-3rem;text-align:center;bottom:.6rem;letter-spacing:.2rem;font-size:15px!important}#hamburger span{display:block;position:absolute;height:9px;width:100%;background:#000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#hamburger.open{position:fixed}#hamburger span:nth-child(1){top:0}#hamburger span:nth-child(2),#hamburger span:nth-child(3){top:18px}#hamburger span:nth-child(4){top:36px}#hamburger.open span:nth-child(1){top:18px;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:18px;width:0;left:50%}