#site-wrapper {
  position: relative;
  overflow-x: hidden;
  width: 100%;
      
}

#site-canvas {
  width: 100%;
     height: 540px;
}

.show-nav #site-canvas {
  -webkit-transform: translateX(100vw);
  transform: translateX(100vw);
  -webkit-transform: translate3d(100vw, 0, 0);
  transform: translate3d(100vw, 0, 0);
}

/* ### MENU STYLES ### */

#site-menu {
  width: 100vw;
  position: absolute;
  top: 0;
  left: -100vw;

  color: #f5f5f5;
}

.site-menu-content {
  width: 100%;
  max-width: 760px;
  margin: 0px auto;
  padding: 0px;
  font-family: 'Roboto Slab', sans-serif;
}

#site-menu i {
  color: #fff;
  font-size: 2em;
  float: right;
  padding: 30px 20px 0px 0px;
}

#site-menu a {
  text-decoration: none;
  color: rgba(35, 31, 32, 0.25);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

#site-menu a:hover {
  color: #f4f4f4;
}