@charset "UTF-8";#g-nav{position:fixed;z-index:999;top:-120%;left:0;width:100%;height:100vh;background:#1c283b;transition:all .6s}#g-nav.panelactive{top:0}#g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#fff;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:95%}.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:#666;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%}h1{font-size:1.2rem}h2{font-size:1.2rem;text-align:center;margin:0 0 30px}p{margin-top:20px}small{color:#fff;display:block;text-align:center}#header{width:100%;background:#333;color:#fff;text-align:center;padding:20px}section{padding:100px 30px}#footer{background:#333;padding:20px}@media screen and (max-width:768px){#header{width:100%;background:#fff;color:#fff;text-align:center;padding:0}.openbtn{position:fixed;z-index:9999;top:15px;right:10px;cursor:pointer;width:50px;height:50px}}