html,
body,
#viewDiv {
    padding: 0;
    margin: 0;
    height: 90vh;
}

#pageTop {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0;
}

#pageBottom {
    padding-left: 10px;
    margin: 0;
}

@media only screen and (max-width: 500px) {
    #pageBottom {
        font-size: x-small;
    }
}

@media only screen and (max-height: 700px) {
    html,
    body,
    #viewDiv {
        padding: 0;
        margin: 0;
        height: 70vh;
    }
    #pageBottom {
        padding-left: 10px;
        margin: 0;
    }
}

@media only screen and (min-height: 701px) and (max-height: 900px) {
    html,
    body,
    #viewDiv {
        padding: 0;
        margin: 0;
        height: 85vh;
    }
    #pageBottom {
        padding-left: 10px;
        margin: 0;
    }
}

@media only screen and (min-height: 901px) and (max-height: 1000px) {
    html,
    body,
    #viewDiv {
        padding: 0;
        margin: 0;
        height: 80vh;
    }
    #pageBottom {
        padding-left: 10px;
        margin: 0;
    }
}