body {
  width: 320px;
  margin: 0px;
  padding: 0px;
  background: #FFF;
  font-family: Helvetica;
  /* ensure that we don't get the default callout following a long touch on
  an element, which is a default behavior in Mobile Safari */
  -webkit-touch-callout: none;
  /* disable the Mobile Safari default behavior to adjust font size automatically
  to improve readability */
  -webkit-text-size-adjust: none;
}

/*
when the orientation changes to landscape mode, the body is assigned the .landscape
class so that we can easily change metrics and other properties via simple CSS matching
*/
body.landscape {
  width: 480px;
}

#content, #map {
  width: 100%;
  height: 416px;
  /* ensure we always fill the whole screen */
  min-height: 416px;
}

#content {
  /* Disable tap highlighting */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* Give some depth to the card */
	-webkit-perspective: 600;
}

body.landscape #content,
body.landscape #map {
  height: 268px;
  min-height: 268px;
}