@media handheld, only screen and (max-width: 767px) {
	/* HELPER  ARROW AND TEXT*/


    #arrowContainer {
        position: absolute;
        bottom: 100px;
        width: 100px;
        text-align: center;
        height: 150px;
        left: 90px;
    }

    #arrowContainer>div {
        font-size: 25px;
        font-family: 'Bangers', cursive;
        color: #003ca6;
        top: 0px;
        left: 10px;
    }

    #arrow {
        display: none;
    }
}

/* Provide higher res assets for iPhone 4 - preset code from cssgrid.net */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}

/* media 768 - 979 */
@media (min-width: 768px) and (max-width: 979px) {
}

/* media 767 */
@media (max-width: 767px) {
	
	/* MENU & GUI */

    #scoreUI {
        position: absolute;
        top: 85px;
        left: 10px;
        width: 180px;
        height: 100px;
        text-align: center;
    }

    #scoreLabel {
        font-size: 40px;
        font-family: 'Bangers', cursive;
        cursor: default;
        color: #003ca6;
        float: left;
        margin-right: 100%;
    }

    #scoreNum {
        font-size: 52px;
        font-family: 'Bangers', cursive;
        cursor: default;
        color: #75890c;
    }

/* ------------------ */
	
    #basket {
        width: 120px;
        position: absolute;
        left: 45px;
        bottom: 0px;
        cursor: col-resize;
        z-index: 990;
    }

/* HELPER  ARROW AND TEXT*/


    #arrowContainer {
        position: absolute;
        bottom: 100px;
        width: 100px;
        text-align: center;
        height: 150px;
        left: 90px;
    }

    #arrowContainer>div {
        font-size: 25px;
        font-family: 'Bangers', cursive;
        color: #003ca6;
        top: 0px;
        left: 10px;
    }

    #arrow {
        display: none;
    }
}


/* media 480 */
@media (max-width: 480px) {
	

/* MENU & GUI */

    #scoreUI {
        position: absolute;
        top: 85px;
        left: 10px;
        width: 180px;
        height: 100px;
        text-align: center;
    }

    #scoreLabel {
        font-size: 40px;
        font-family: 'Bangers', cursive;
        cursor: default;
        color: #003ca6;
        float: left;
        margin-right: 100%;
    }

    #scoreNum {
        font-size: 52px;
        font-family: 'Bangers', cursive;
        cursor: default;
        color: #75890c;
    }

/* ------------------ */
	
    #basket {
        width: 120px;
        position: absolute;
        left: 45px;
        bottom: 0px;
        cursor: col-resize;
        z-index: 990;
    }

/* HELPER  ARROW AND TEXT*/


    #arrowContainer {
        position: absolute;
        bottom: 100px;
        width: 100px;
        text-align: center;
        height: 150px;
        left: 90px;
    }

    #arrowContainer>div {
        font-size: 25px;
        font-family: 'Bangers', cursive;
        color: #003ca6;
        top: 0px;
        left: 10px;
    }

    #arrow {
        display: none;
    }
}

/* media 768 - 979 */
@media (min-width: 768px) and (max-width: 979px) {
}