#menuToggle,#menuToggle span{display:block;position:relative}#menu,#menuToggle span:first-child{transform-origin:0% 0%}#mobile-nav{display:none}#menuToggle{top:50px;left:0;z-index:997;-webkit-user-select:none;user-select:none}#menuToggle a{text-decoration:none;color:#232323;transition:color .3s}#menuToggle a:hover{color:tomato}#menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menuToggle span{width:33px;height:4px;margin-bottom:5px;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s}#menuToggle span:nth-last-child(2){transform-origin:0% 100%}#menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#232323}#menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0) scale(.2,.2)}#menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0,-1px)}#menu{position:absolute;width:300px;margin:-100px 0 0 -230px;padding:125px 50px 50px;background:#ededed;list-style-type:none;-webkit-font-smoothing:antialiased;transform:translate(200%,0);transition:transform .5s cubic-bezier(.77,.2,.05,1)}#menu li{padding:10px 0;font-size:22px}#menuToggle input:checked~ul{transform:none}@media (min-width:380px) and (max-width:767px){#mobile-nav{display:block}}