#spriteprogressholder {
    background-repeat:no-repeat;
    display:block;
    margin:0px auto;
    position:relative;
}

#spriteprogressbar {
    background-repeat:no-repeat;
    display:none;
    position:absolute;
    left:9%;
    top:28%;
}

#loadingmessage {
    background-repeat:no-repeat;
    display:block;
    margin: 0% 40% 0%;
    position:relative;
}

/*------------------------------------------------------ SCALE 3 -------------------------------------------------------*/

@media only screen and (min-width : 1471px), (min-height : 751px) {
    #spriteprogressholder {
        background-image: url('../img/3/newBigSpriteSheet.png');
        background-position: -768px -4806px;
        width: 648px;
        height: 66px;
    }

    #spriteprogressbar {
        background-image: url('../img/3/newBigSpriteSheet.png');
        background-position: -768px -4872px;
        width: 528px;
        height: 30px;
    }

    #loadingmessage {
        background-image: url('../img/3/newBigSpriteSheet.png');
        background-position: -768px -4902px;
        width: 180px;
        height: 36px;
    }
}

/*------------------------------------------------------ SCALE 2 -------------------------------------------------------*/

@media only screen and (max-width : 1470px), (max-height : 750px) {
    #spriteprogressholder {
        background-image: url('../img/2/newBigSpriteSheet.png');
        background-position: -512px -3204px;
        width: 432px;
        height: 44px;
    }

    #spriteprogressbar {
        background-image: url('../img/2/newBigSpriteSheet.png');
        background-position: -512px -3248px;
        width: 352px;
        height: 20px;
    }

    #loadingmessage {
        background-image: url('../img/2/newBigSpriteSheet.png');
        background-position: -512px -3268px;
        width: 120px;
        height: 24px;
    }
}

/*------------------------------------------------------ SCALE 1 -------------------------------------------------------*/

@media only screen and (max-width : 980px), (max-height : 450px) {
    #spriteprogressholder {
        background-image: url('../img/1/newBigSpriteSheet.png');
        background-position: -256px -1602px;
        width: 216px;
        height: 22px;
    }

    #spriteprogressbar {
        background-image: url('../img/1/newBigSpriteSheet.png');
        background-position: -256px -1624px;
        width: 176px;
        height: 10px;
    }

    #loadingmessage {
        background-image: url('../img/1/newBigSpriteSheet.png');
        background-position: -256px -1634px;
        width: 60px;
        height: 12px;
    }
}