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


.splash {
    /* The image used */
    background-image: url("splash.jpg");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 100;
    position: relative;
}

/* styles found in the loading-indicator css file can be overridden here if required. */


.sk-circle {
    top: 50vh !important;

    @media only screen and (max-width: 700px) {
        bottom: 34vh !important;
    }
}

.sk-circle-label {
    bottom: 20vh !important;

    @media only screen and (max-width: 700px) {
        bottom: 34vh !important;
    }
}