/* mobile css file */
@media only screen and (max-device-width : 425px) {
    body {
        font-size: 3vw;
    }
    #wbp {
        width: 98%;
        overflow:scroll;
    }
    #wpg {
        width:98vw;
        max-height:68vh;
        position:fixed;
        z-index:-1;
        left:0;
        top:16vh;
        overflow:scroll;
        /*padding-bottom:25vh;*/
        margin-bottom:0;
        margin-left:5px;
        padding-bottom:0;
    }
    .topnav {
        float:right;
        width:50%;
        margin-right:3vh;
    }
    #header{
        width:100%;
        position:fixed;
        height:auto;
        z-index:-1;
    }
    .headermenu {
        background-color: #dfdfdf;
        padding: 0px 0px 2px 0px;
        border-collapse: collapse;
        text-align: left;
        vertical-align: middle;
        width: 150px;
        height:100vh;
        position:relative;
        float:left;
    }
    .openhelp{
        cursor:help;
    }
    #footer{
        width:auto;
        height:5vh;
        font-size:3vw; 
        border-top-left-radius:3vw;
    }
    #footer:active, #footer:hover{
        min-height:15%;
        height:20vh;
        z-index:100;
    }
    #leftfoot, #rightfoot{
        float:none;
        width:auto;
        min-width:0;
    }
    .notification{
        max-width:100vw;
        z-index: 1000;
    }
    #topawfuslogo{
        max-height:30px;
        position:relative;
        top:5px;
    }
    .notification{
        position:absolute;
        width:95%;
    }
}