/* поведение на узких экранах: планшет, потом телефон */

@media (max-width: 900px) {
    .osnova, .bok {
        float: none;
        width: auto;
    }
    .bok-blok {
        margin-top: 14px;
    }
    h1 {
        font-size: 23px;
    }
}

@media (max-width: 640px) {
    .head-kontakt {
        float: none;
        text-align: left;
        padding-top: 7px;
    }
    .head-org {
        font-size: 20px;
    }
    .nav-knopka {
        display: block;
    }
    .nav-spisok {
        display: none;
    }
    .nav-spisok.otkryto {
        display: block;
    }
    .nav-spisok li {
        float: none;
    }
    .nav-spisok a {
        border-right: 0;
        border-top: 1px solid #3d6b57;
    }
    .foot-stolbec, .foot-stolbec-vtoroy {
        float: none;
        width: auto;
    }
    table {
        font-size: 13px;
    }
    th, td {
        padding: 6px 7px;
    }
    .kalendar th.mesyac {
        width: auto;
    }
}

@media (max-width: 420px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 20px;
    }
    h2 {
        font-size: 18px;
    }
    .head-tel {
        font-size: 20px;
    }
    .wrap {
        padding: 0 11px;
    }
    .usluga {
        padding: 9px 10px;
    }
}