@media only screen and (max-height: 400px) {
    
    body {
        padding-top:26px;
    }

    #header {
        height:30px;
    }
}


@media only screen and (min-height: 401px) {

    body {
        padding-top:36px;
    }

    #header {
        height:40px;
    }
}