#menu_nav{position:fixed;z-index:999;top:-100%;left:0;width:100%;height:100%;background-color:rgba(53,53,53,.756)}#menu_nav.panelactive{top:0}#menu_nav.panelactive #menu_nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:hidden;-webkit-overflow-scrolling:touch}#menu_nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%, -50%)}#menu_nav li{list-style:none;text-align:center;color:#fff;font-size:2rem}@media screen and (max-width: 640px){#menu_nav li{font-size:1rem}}@media screen and (min-width: 641px)and (max-width: 1024px){#menu_nav li{font-size:1.8rem}}#menu_nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:bold}.openbtn{position:fixed;z-index:9999;top:10px;right:10px;cursor:pointer;width:50px;height:50px}.openbtn span{display:inline-block;transition:all .4s;position:absolute;left:14px;height:3px;border-radius:2px;background-color:#fff;width:45%}.openbtn span:nth-of-type(1){top:15px}.openbtn span:nth-of-type(2){top:23px}.openbtn span:nth-of-type(3){top:31px}.openbtn.active span:nth-of-type(1){top:18px;left:18px;transform:translateY(6px) rotate(-45deg);width:30%}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:30px;left:18px;transform:translateY(-6px) rotate(45deg);width:30%}@media screen and (max-width: 1000px){body #container{margin-top:3.5rem !important}}