/*
 * Lekkie poprawki dla telefonów (do 767 px szerokości).
 * - krótszy nagłówek: bez paska z hasłem i bez dużego logo (logo jest w pasku menu),
 * - adres i telefony w zwartym bloku,
 * - większe pola dotyku dla linków telefonicznych i e-mail,
 * - czytelniejszy tekst treści.
 */
@media (max-width: 767px) {
    .top-header,
    .middle-header .logo-block {
        display: none;
    }

    .middle-header {
        padding: 12px 0 8px;
    }

    .middle-header .col-md-9 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .middle-header .location,
    .middle-header .phone {
        display: block;
        float: none;
        margin: 0 0 6px;
        padding: 0;
        background-image: none;
        text-align: center;
    }

    .middle-header .location h3 {
        display: none;
    }

    .middle-header .location p,
    .middle-header .phone p {
        margin: 0;
        font-size: 14px;
    }

    .middle-header .phone h3 {
        margin: 2px 0;
        font-size: 22px;
    }

    .middle-header .phone p:last-child:not(:first-of-type) {
        display: none;
    }

    /* Pola dotyku min. 44 px dla telefonów i e-maili w stopce i blokach kontaktowych
       (bez linków w środku akapitów treści) */
    .footer-main a[href^="tel"],
    .footer-main a[href^="mailto"],
    .contact-block a[href^="tel"],
    .contact-block a[href^="mailto"] {
        display: inline-block;
        min-height: 44px;
        line-height: 44px;
        padding: 0 4px;
    }


    /* Treść: nieco większy tekst i odstępy między akapitami */
    .main-container .container p,
    .main-container .container li {
        font-size: 16px;
        line-height: 1.6;
    }

    .main-container .container h2 {
        font-size: 24px;
    }

    .main-container .container h3 {
        font-size: 20px;
    }

    .main-container img {
        max-width: 100%;
        height: auto;
    }
}

/* Logo w pasku menu (telefon/tablet): obraz w 2x wyświetlany w wysokości 56 px */
.navbar-header .logo img.navbar-logo {
    height: 56px;
    width: auto;
    max-width: none;
}
.navbar-header .logo a {
    display: block;
}