#nav-icon{width:22px;height:16px;position:fixed;top:37px;left:33px;z-index:26;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#ff0;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}#nav-icon span:first-child{top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:7px;width:70%}#nav-icon span:nth-child(4){top:14px}#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(3){width:100%}#nav-icon.open span:first-child,#nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%}#nav-icon.open span:nth-child(2){transform:rotate(45deg)}#nav-icon.open span:nth-child(3){transform:rotate(-45deg)}@media only screen and (max-width:900px){#nav-icon{left:15px;top:15px}}