.burger{position:relative;width:5vw;height:3.6vw;background:transparent;cursor:pointer;display:block;transform:rotate(0deg)}@media (min-width:640px){.burger{width:32px;height:23px}}.burger span{display:block;position:absolute;height:.4vw;width:100%;background:#000;border-radius:4px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}@media (min-width:640px){.burger span{height:2.55px}}.burger span:first-of-type{top:0}.burger span:nth-of-type(2){top:50%;height:.4vw}@media (min-width:640px){.burger span:nth-of-type(2){height:2.55px}}.burger span:nth-of-type(3){top:100%}.burger.active span{background-color:#000}.burger.active span:first-of-type{transform:rotate(45deg);top:2vw;transition:transform .25s ease-in-out}@media (min-width:640px){.burger.active span:first-of-type{top:12px}}.burger.active span:nth-of-type(2){width:0;opacity:0;transition:width .25s ease-in-out,opacity .25s ease-in-out}.burger.active span:nth-of-type(3){transform:rotate(-45deg);top:2vw;transition:transform .25s ease-in-out}@media (min-width:640px){.burger.active span:nth-of-type(3){top:12px}}