/* 1920 x  1080
top: 6vh;
left: 10vw;
width: 80%;*/

html,body
{
    height: 100%;
}
body
{
   display: table;
   margin: 0 auto;
}

#main-index{
  height: 100%!important;
  display: table-cell;
  vertical-align: middle;
  left: 0;
  top: 0;
  width: 90%;

}


@media (orientation: portrait) {
  #main-index{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    @include transform-origin(0% 0%);
    @include transform( rotate(90deg));
    position: absolute;
    width: 100%;
    display: none!important;
  }

  #lang-select, #class-select{
    display: none!important;
  }

  .landscape-notice{
    display: table-cell;
    vertical-align: middle;
    left: 0;
    top: 0;
  }
}