nav{padding:25px 50px;display:flex;align-self:stretch}@media screen and (max-width: 580px){nav{padding:25px}}.ham-menu{height:100%;width:40px;margin-left:auto;position:relative;cursor:pointer}.ham-menu span{height:3px;width:100%;background-color:#fff;border-radius:25px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:.3s ease}.ham-menu span:nth-child(1){top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.active span:nth-child(1){top:50%;transform:translate(-50%, -50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%, -50%) rotate(-45deg)}.off-screen-menu{background-color:#326fb6;height:100vh;width:100%;max-width:450px;position:fixed;top:0;right:-450px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:32px;transition:.3s ease;padding-top:100px}.off-screen-menu.active{right:0}