@media screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation:portrait) {
    body {
        zoom: 2.0;
        height: 100%;
        width: 100%;
    }

    #topbox {
        margin-top:25%;
        height: 130px !important;
    }

    #weblinkContainer {
        padding-top: 50px !important;
    }

}

@media screen
and (min-device-width: 320px)
and (max-device-width: 736px)
and (orientation:landscape) {
    body {
        zoom: 1;
        height: 100%;
    }

    #topbox {
        margin-top:-35px;
        height: 125px !important;
    }

    #weblinkContainer {
        padding-top: 10px !important;
    }

    #password_reset_container {
        height: 400px !important;
    }


}