/* media queries for many small screens */
@media screen and (max-width: 540px) {
    #top-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-left: 1vw;
    }

    #logoblock {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        height: auto;
    }
    #slogan {
        line-height: 1.1;
        letter-spacing: normal;
    }
    #menubar-root {
        white-space:normal;
    }

    #station-menu1-wrapper {
        position: normal;
    }

        #app-menu1 {
            box-sizing: border-box;
            position: fixed;
            width: 97%;
            bottom: 1vh;
            left: 1vw;
            border: 5px solid black;
        }
    } /* end query */