.menu-button,.menu-button:after,.menu-button:before{border-radius:2px;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:#fff0}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media (max-width:767px){#menu-toggle~.menu li{border:0;height:0;margin:0;padding:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{height:2.5rem;padding:.5rem;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu{height:calc(100vh - 120px)}}