body { margin: 0px; background: white; color: black; 
  font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }

a { text-decoration: none; }

#site-wrapper {
  position: relative;
  overflow-x: 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(-300px);
  transform: translateX(-300px);
  
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
}

#site-menu {
  width: 300px;
  height: 100%;
  position: absolute;
  right: -300px;
  background: darkgreen; /*#428bca;*/
  padding: 10px 15px;

}

#site-menu a { color: yellow; }



#big-sexy {
  display: block;
  width: 300px;
  margin: 0 auto;
  font-size: 40px;
  font-weight: 300;
}


header {position: fixed; width: 100%; margin: 0; height: 60px; z-index: 999; border-bottom: 0px solid black;
  /*background-color: #333; */
  background: #ddd;
} /* background: #ddd;  */