@media screen and (max-width: 800px)
{
    
	div.admintable { display: none; }

	img { max-width: 100%; }

    #bodydiv { width: 100%; }
    #content_obsah { float: none; width: 100%; }
    #sloupec { float: none; width: 100%; }

    #zahlavi .logo { float: none; width: 100%; text-align: center; }
    #zahlavi .logo img { border: 0px; padding: 10px 0px; text-align: center; max-width: 90%; }	

    #zahlavi .zahlavi_box_kontakty { float: none; }
    #zahlavi .box_kontakty { float: none;  }
    #zahlavi .box_kontakty li { list-style-type: none; float: none; text-align: center; }
    #zahlavi .box_kontakty li span { font-size: 12px; } /* zmensenina */

    #menubutton { display: block; padding: 10px 0px 10px 0px;}
    #menubutton li { text-align: center; list-style-type: none; }
    #menubutton li img { max-width: 70px; }
    #menubutton a {  }

    #menu { width: 100%; float: none; display:none; margin: 10px 0px;}
    #menu ul { list-style-type: none; }
    #menu ul li { list-style-type: none; float: none; text-align: center; }
    #menu ul li:hover {  }
    #menu ul li a { text-decoration: none; }
    #menu ul li a:hover { text-decoration: none; }
    #menu ul li.active a {  }

    #paticka .box_paticka { float: none; width: 100%; }

    #komentare_vypis .lista { padding: 5px 10px; }
    #komentare_vypis .text { padding: 5px 10px; }

    #komentare_vypis .btn_odpovedet { background-color: transparent; padding: 5px 0px; border-radius: 0px; 
    margin: 0px 15px 10px 0px; text-align: right; display: block;}
    #komentare_vypis .btn_odpovedet:hover { background-color: transparent; }
    #komentare_vypis .btn_odpovedet a { color: blue; }    

    #hp_boxies_flexi { display: grid; 
    /* grid-template-rows: repeat(4, auto); grid-template-rows: 1fr 1fr; */
    /* grid-template: repeat(4, 1fr) / repeat(2, 1fr); */
    grid-template: repeat(4, auto);
    grid-gap: 10px;
    grid-auto-flow: column;
    border: 1px solid blue;
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: repeat(2,auto);



    /* grid-auto-columns: 100px 100px;     */
    }

	#box_aktuality { grid-template-columns: 1fr 1fr; }

}