#app{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#2c3e50;font-family:Avenir,Helvetica,Arial,sans-serif;padding-top:50px}#app,.flexbox{text-align:center}.flexbox{-ms-flex-align:center;-ms-flex-direction:row-reverse;-ms-flex-pack:right;-webkit-box-align:center;-webkit-box-direction:reverse;-webkit-box-orient:horizontal;-webkit-box-pack:right;align-items:center;background:#52b574;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row-reverse;justify-content:right;padding:10px}.nav-header{position:fixed;width:100%;z-index:99999}p{color:#b4b4b4;font-size:20px;padding-left:20px}#div-logo{-ms-flex-positive:5;-webkit-box-flex:5;flex-grow:5}#img-logo{height:30px}#nav-drawer{position:relative;width:45px}.nav-unshown{display:none}#nav-open{display:inline-block;height:22px;vertical-align:middle;width:30px}#nav-open span,#nav-open span:after,#nav-open span:before{background:#fff;border-radius:3px;content:"";cursor:pointer;display:block;height:3px;position:absolute;width:25px}#nav-open span:before{bottom:-8px}#nav-open span:after{bottom:-16px}#nav-close{background:#000;display:none;opacity:0;width:100%;z-index:99}#nav-close,#nav-content{-webkit-transition:.3s ease-in-out;height:100%;left:0;position:fixed;top:0;transition:.3s ease-in-out}#nav-content{-webkit-transform:translateX(-105%);background:#fff;max-width:330px;overflow:auto;transform:translateX(-105%);width:90%;z-index:9999}#nav-input:checked~#nav-close{display:block;opacity:.5}#nav-input:checked~#nav-content{-webkit-box-shadow:6px 0 25px rgba(0,0,0,.15);-webkit-transform:translateX(0);box-shadow:6px 0 25px rgba(0,0,0,.15);transform:translateX(0)}