/*media query from 1200px to 412px */

@media (max-width: 1200px) {

    



    /* NAVIGACE */

    nav ul {

        overflow: scroll;

        padding: 1em;

    }



    /* UVOD */

    .uvod .uvod-grid h1{

        font-size: 12vw;

    }

    .uvod .uvod-grid .text-vedlejsi{display: none;}



    .uvod .uvod-grid{

        background-image: url(../fotos/uvodni_foto.jpg);

        grid-template-columns: 3fr 1fr 1fr;

        grid-template-rows: 5em 1fr 1fr;

        grid-template-areas:

        "nazev nazev nazev"

        "text-hlavni . ."

        "oteviraci-doba oteviraci-doba oteviraci-doba";

        gap: 5em;

        height: 70vh;

    }



    .uvod .uvod-grid .text-hlavni{

        grid-area: text-hlavni;

        color: white;

        font-size: 5vw;

    }



    .uvod .uvod-grid .oteviraci-doba{

        display: flex;

        flex-direction: column;

        justify-content: end;

        align-items: end;

        padding: 1em;

    }



    .uvod .uvod-grid .oteviraci-doba .casy{

        padding: 1em 2em;

        border-radius: 1em;

    }



/* O NÁS */



    .o-nas .popis{

        width: 100%;

    }



    .ikonka-test{

        display: none;

    }



    .o-nas .o-nas-grid{

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(3, 1fr);

    }



    .o-nas .o-nas-grid .kde-se-nachazime{

        grid-column-start: 1;

        grid-column-end: 1;

        grid-row-start: 1;

        grid-row-end: 1;

    }



    .o-nas .o-nas-grid .proc-zrovna-sumavan{

        grid-column-start: 2;

        grid-column-end: 2;

        grid-row-start: 1;

        grid-row-end: 1;

    }



    .o-nas .o-nas-grid .vybaveni{

        grid-column-start: 2;

        grid-column-end: 2;

        grid-row-start: 2;

        grid-row-end: 4;

    }



    .o-nas .o-nas-grid .nase-sluzby{

        grid-column-start: 1;

        grid-column-end: 1;

        grid-row-start: 2;

        grid-row-end: 2;

    }



    .o-nas .o-nas-grid .prostory{

        grid-column-start: 1;

        grid-column-end: 1;

        grid-row-start: 3;

        grid-row-end: 3;

    }



    /* NASE SLUŽBY */



    .sluzby-grid{

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(3, 1fr);

        grid-template-areas: 

        "posilovna kruhovy-trenink"

        "corefit-women pilates"

        "pohybove-hry pohybove-hry";

    }



    .kardio-grid, .protazeni-grid, .sluzby-grid{

        min-height: 125vh;

    }



    .hiit, .kardio-posilovani, .tabata, .kardio-kruhac{

        /*center background-image*/

        background-position: center;

    }



    .protazeni-grid{

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(3, 1fr);

        grid-template-areas:

        "ranni-protazeni ranni-valecka"

        "zdrava-zada joga"

        "aktivni-senior sm-lana";

    }

    





    /* MUSI TU BYT? .cenik-tabulka .tabulka-grid ?*/



    .cenik-tabulka .tabulka-grid{

        gap: 1em 2em;

        padding: 1em;

        display: grid;

        grid-template-columns: 1fr 1fr;

        grid-template-rows: 2fr 2fr 1fr;

        grid-template-areas:

        "tabulka-vrch tabulka-obrazek"

        "tabulka-spodek tabulka-obrazek"

        "tabulka-popisek tabulka-popisek";

    }



    .treneri .card{

        flex-basis: 50%;

    }



    .card .back{

        max-width: 50vw;

    }



    .navsteva-nadpis{

        font-size: 3em;

    }



    /* FOOTER */

    .footer-grid{

        grid-template-areas: 

        "adresa . ."

        "telefon . loga"

        "email email sumavan";

    }



    .footer-grid .footer-middle {

        display: none;

    }

}