/* Arkusz styli określający wygląd strony dla urządzeń mobilnych */
@media only screen and (max-width: 1100px)
{
    /* HEADER (logo + nawigacja) */
    header{
        height: 210px;
        padding-top:5px;
    }
    #header{
        width:100%;
        height: 210px;
    }

    /* logo */
    div#logo{
        float: none;
        width:100%;
        height: 110px;
        display: flex;
        justify-content: center;
    }
    div#logo img{
        width:110px;
        height: 110px;
        margin:5px 10px;
    }
    h1{
        font-size: 100px;
        width:400px;
    }

    /* nawigacja */
    nav#header{
        float: none;
        width:100%;
        height: 90px;
        justify-content: center;
    }
    .nav_przycisk{
        width:23%;
        font-size: 24px;
        text-align: center;
        height:70px;
    }
}