@media only screen and (max-width: 425px) {
    
    
    /* For mobile phones: */
    .loginBox {
        zoom: 80%;
    }

    .centerWrapper {
        top: 20%;
    }

    .background {
        position: none;
        top: none;
        right: none;
        bottom: none;
        left: none;
    }
}


@media only screen and (orientation: landscape) and (max-width: 750px) {
    /* For mobile phones: */

    .loginBox {
        zoom: 80%;
    }
    .centerWrapper {
        top: 0px;
    }

    .background {
        position: none;
        top: none;
        right: none;
        bottom: none;
        left: none;
    }

}