* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body, html {
  height:100%; width:100%; margin:0px; padding:0px;
}
body {
  -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
  background: white;
  font-family: 'HelveticaNeue-Light', 'HelveticaNeue', sans-serif;
  font-size: 12px;
}


#nav {
  width: 300px;
  -webkit-transform: translateZ(0) translateX(-300px);
  -webkit-transition: -webkit-transform 0.3s;
}
#content {
  -webkit-transform: translateZ(0) translateX(0px);
  -webkit-transition: -webkit-transform 0.3s;
}
body.nav #nav {
  -webkit-transform: translateZ(0) translateX(0);
}
body.nav #content {
  -webkit-transform: translateZ(0) translateX(300px);
}