@media screen
and (max-width:650px)
and (orientation: portrait) {
.reposition {
    top: -400% !important;
    position: absolute;
    }
  }

@media screen
and (max-width:650px) {

.reveal .controls{
      right: -2%;
      bottom: -4%;
    }
.reveal .controls div.navigate-left {
  top: 45px;
  left: 37px;
  border-right-width: 12px;
}
.reveal .controls div.navigate-right {
  top: 45px;
  left: 76px;
  border-left-width: 12px;
}
.reveal .controls div.navigate-up {
  top: 24px;
  left: 60px;
  border-bottom-width: 12px;
}
.reveal .controls div.navigate-down {
  top: 60px;
  left: 60px;
  border-top-width: 12px;
}
.reveal .controls div {
  border: 5px solid transparent;
}
  }


  @media screen
  and (max-width:650px)
  and (orientation: landscape) {
  .reposition {
      top: -50% !important;
      position: absolute;
      }
.reveal .controls{
            right: -2%;
            bottom: -4%;
          }
    }

    .center-mobile {
      display: block;
      margin-left: auto;
      margin-right: auto
    }
