@charset "utf-8";
 body {
    overflow: hidden;
    margin: auto;
}

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000; /* preloader background color */

    background-image: url("preloadBack.png");
    background-repeat: repeat;

    z-index: 99; /* makes sure it stays on top */


}

#status {
    color: #fff;
    font-size: 6em;
    text-align: center;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 48%; /* centers the loading animation horizontally one the screen */
    top: 35%; /* centers the loading animation vertically one the screen */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */

    transform: translate(-100px, -100px);

}

@media only screen and (min-device-width: 320px)  and (max-width: 600px) {
    #status {

        transform: translate(-115px, -100px);
    
    }
  }

  @media screen  and (min-width: 600px) and (max-width: 992px) {
    #status {

        transform: translate(-70px, -50px);
    
    }
  }