@media only screen and (max-width:769px){

    .bluai-logo img {
        height: 10dvh;
    }
    
/* header + menu */

    #menu {
        height: inherit;
        font-family: Arial, Helvetica, sans-serif;
    }

    #menu body {
        margin: 0;
    }

    #menu h1 {
        margin: 0 0 -1rem 0;
        font-family: Arial, Helvetica, sans-serif;
    }

    .active {
        text-decoration: underline;
        text-underline-offset: 0.5rem;
    }

    /* table */

        #menu table {
            width: 100%;
            height: inherit;
            /* space cells evenly */
                display: table;
                table-layout: fixed;
        }
        
}