#site-wrapper{position:relative;overflow:hidden;width:100%}#site-canvas{width:100%;height:100%;position:relative;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:300ms ease all;transition:300ms ease all;-webkit-backface-visibility:hidden;backface-visibility:hidden}.show-nav #site-canvas{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}#site-menu{width:100%;height:100%;position:absolute;top:0;left:-100%;background:#024965;overflow-y:auto;overflow-x:hidden}@media (min-width: 678px){.show-nav #site-canvas{-webkit-transform:translateX(320px);transform:translateX(320px);-webkit-transform:translate3d(320px,0,0);transform:translate3d(320px,0,0)}#site-menu{width:320px;height:100%;position:absolute;top:0;left:-320px;background:#024965;overflow-y:auto;overflow-x:hidden}}