#site-wrapper{position:relative;width:100%;overflow-x:hidden}#site-canvas{width:100%;height:100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:.3s ease all;transition:.3s ease all;padding:0;overflow-x:hidden !important}#site-menu{width:20em;height:100vh;position:absolute;top:0;right:-20em;background:#343a40;padding:15px;color:#fff}#site-wrapper.show-nav #site-canvas{-webkit-transform:translateX(-20em);transform:translateX(-20em)}a.toggle-nav{position:absolute;top:0;right:0;font-size:2em}#site-canvas{-webkit-transform:translate3d(0);transform:translate3d(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.show-nav #site-canvas{-webkit-transform:translate3d(30em);transform:translate3d(30em)}#site-menu ul li{list-style-type:none;text-align:left;padding:20px 0;border-bottom:1px solid #fff}#site-menu ul{margin:0;padding:0}#site-menu{padding:30px;margin:0px}#site-wrapper.show-nav{overflow-x:unset}