html, body, iframe {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 16px;
    vertical-align: baseline;
    background: transparent;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
}

.loading-gif {
    position: fixed;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30% !important;
    z-index: 11;
}

@media (min-width: 1200px) {
    .loading-gif {
        width: 10vw !important;
        left: 60% !important;
    }
}

@media only screen and (min-device-width: 0px) and (max-device-width: 1200px) and (orientation: landscape) {
    .loading-gif {
        width: 17% !important;
    }
}