.hamburger{cursor:pointer;width:30px;height:30px;transition:all .25s;position:relative}.hamburger-bottom,.hamburger-middle,.hamburger-top{position:absolute;width:30px;height:3px;top:0;left:0;background:#000;transform:rotate(0);transition:all .5s}.hamburger-middle{transform:translateY(10px)}.hamburger-bottom{transform:translateY(20px)}.open{transform:rotate(90deg)}.open .hamburger-top{transform:rotate(45deg) translateY(6px) translateX(6px)}.open .hamburger-middle{display:none}.open .hamburger-bottom{transform:rotate(-45deg) translateY(6px) translateX(-6px)}.scrolled-class{z-index:1000;position:fixed;top:0;left:0;right:0;margin:0 auto;width:100%;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.07),0 1px 2px 0 rgba(0,0,0,.05)}