@media (max-width: 320px) {

    h1 {
        font-size: 9pt;
        font-weight: normal;
        letter-spacing: 1px;
    }

    #header {
        position: fixed;
        width: 100%;
        height: 50px;
    }

    #title {
        float: right;
        text-align: center;
        text-transform: uppercase;
        height: 50px;
        line-height: 50px;
        user-select: none;
        pointer-events: none;
        padding: 0 20px;
    }

    #logo {
        display: none;
    }

    #menu {
        position: absolute;
        left: 0;
        user-select: none;
    }

    #footer {
        display: none;
    }

}