body {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../Images/LoginBackGround.png);
}

@media (min-width: 400px) {
    #page {
        background-image: url('../Images/LoginBackGround.png');
    }
}

@media (min-width: 500px) {
    #page {
        background: #888888;
    }
}

@media (min-width: 600px) {
    #page {
        background: #222222;
    }
}