#fullscreenSwipe {
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/slide_big.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    z-index: 999;
    display: none;
    opacity: .9;
    overflow: hidden;
    visibility: visible;
}

.fullscreen.hide {
    z-index: -10;
    display: none !important;
  }

#fullscreenSwipeCloseButton {
  width: 44px;
  height: 44px;
  background: url(../img/close_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: fixed;
  top: 25px;
  right: 25px;
}

#fullscreenDebugButton {
  width: 44px;
  height: 44px;
  background: url(../img/close_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  
  position: fixed;
  bottom: 25px;
  right: 25px;
}

@media only screen and (orientation: portrait) {
    .fullscreen {
      height: 100vh;
      width: 100%;
      visibility: visible;
      display: block;
      overflow: hidden;
      opacity: 0.85;
      background: #000000;
      position: fixed;
      z-index: 150;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      background-position: center 40%;
      background-size: 70%;
    }
  }
  
  @media only screen and (orientation: landscape) {
    .fullscreen {
      height: 100vh;
      width: 100%;
      visibility: visible;
      display: block;
      overflow: hidden;
      opacity: 0.85;
      background: #000000;
      position: fixed;
      z-index: 150;
      top: 0;
      bottom: 0;
      background-repeat: no-repeat;
      background-position: center 20%;
      background-size: 30%;
    }
  }