@media screen and (max-height: 800px) {
    .flow-btn.w3-large {
        font-size: 16px!important
    }
}

@media screen and (max-height: 800px) {
    div.flow-content-actions-header {
        top: 1.6em;
        font-size: 1em;
    }
    div#flow-content {
        margin-top: 3em !important; /* THIS IS THE MAX-HEIGHT OF THE HEADER TAG. SO THAT THIS WON'T GO UNDER THE HEADER */
    }
}


@media screen and (max-height: 800px) {
    h1.flow-content-header {
        font-size: 1.25em;
    }
}

@media screen and (max-height: 800px) {
    div#sidebar {
        padding-top: 2.4em;
    }
}

@media screen and (max-height: 800px) {
    header#flow-header {
        border-bottom-width: 4px;
        height: var(--800h-header-height);
    }
}

@media screen and (max-height: 800px) {
    header#flow-header span#header-title {
        font-size: var(--800h-content-font-size0) !important;
    }
}

@media screen and (max-height: 800px) {
    header #company-name {
        font-size: 1.2em !important;
        position: fixed;
    }

    header #open-nav {
        font-size: 1.2em !important;
    }

    header #current-user * {
        /*font-size: 0.75em;*/
    }
}

@media screen and (max-height: 800px) {
    h1.flow-content-header {
        font-size: 1.25em;
    }
}

@media screen and (max-height: 800px) {
    .menu-item {
        margin: 0 !important;
    }
}

@media screen and (max-height: 800px) {
    .menu-icon i {
        font-size: var(--800h-content-font-size0) !important;
    }
}

@media screen and (max-height: 800px){
    .menu-name {
        font-size: var(--800h-content-font-size0);
    }
}

@media screen and (max-height: 800px) {
    header #current-user-name {
        font-size: var(--800h-content-font-size0);
    }
    .current-ward * {
        font-size: 1em !important;
    }
}