/*/Assets/css/WalkingTour/mobile.css*/
html {
  /**
  * why 125%?
  * most browsers have a default font size of 16px, making 125% = 20px.
  * this number makes it easy to translate px to em and also allows the base font-size to be scaled
  * to a value that is not less 8px.  8px is the currently the minimum size on mobile browsers due to font boosting.
  * why not set the base font size to 20px? using a percentage respects a user's base font size preference if it were
  * changed from 16px to some other value.
  **/
  font-size: 125%;
  position: fixed;
  height: 100%;
  width: 100%;
  overflow: hidden; }

body {
  margin: 0;
  height: 100%;
  width: 100%; }

#application {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: black; }
#application #loading-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20vw; }

@media only screen and (max-device-width: 800px) and (orientation: portrait) {
  #application #loading-logo {
    width: 55%; } }

/*# sourceMappingURL=mobile.css.map */