/* Smartphones*/

@media (max-width: 820px) and (orientation: portrait) {
  .fullscreen-message {
    display: flex !important;
    z-index: 99;
    align-items: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 1368px) and (max-height: 912px) {
  .privacy-sidebar {
    display: none;
  }

  .hide {
    opacity: 1;
  }
}

@media only screen and (max-width: 1024px) {
  h1 {
    display: none;
  }

  .startscreen, .loadingscreen {
    width: 100%;
    margin-top: 0;
  }

  .game-controls-container {
    height: 100%;
    width: 100%;
    margin-top: 0;
  }

  .story-container {
    height: 100%;
    width: 100%;
    margin-top: 0;
  }

  .privacy-sidebar {
    display: none;
  }
}

@media only screen and (max-height: 480px) {
  .startscreen, .loadingscreen {
    height: 100vh;
  }

  canvas {
    height: 100vh;
  }

  h1 {
    display: none !important;
  }

  .privacy-sidebar {
    display: none;
  }

  .fullscreen-container {
    max-height: 100vh;
  }
}