/* Tablet Lanscape */
@media only screen and (max-width: 1024px) {

}

/* Mobile Landscape */
@media only screen and (max-width: 480px) {
    #navbar { width: 100%; }
    #navbar li { display: grid; }
    #title { width: 100%; font-size: 30px; text-align: center; }
    table { width: 100%; }
}

@media only screen and (max-width: 360px) {
    #navbar { width: 100%; }
    #navbar li { display: grid; }
    #title { width: 100%; font-size: 30px; text-align: center; }
    #logo img { width: 280px; }
    #alternativeTeachingAssistants { display: initial; }
    #teachingAssistants { display: none; }
    table { width: 100%; }
}

/* Mobile portrait */
@media only screen and (max-width: 320px) {
    #navbar { width: 100%; }
    #navbar li { display: grid; }
    #teachingAssistants { display: none; }
    #logo { display: none; }
    #title { float: none; }
    ul { padding-left: 5px; }
}