/* ---- tekuté jádro -------------------------------------------------- */
#wrap{max-width:1000px;width:100%;margin:0 auto}
img{max-width:100%;height:auto;display:block}

/* ---- flex navigace -------------------------------------------------- */
#navToggle{
  background:none;border:0;color:#fff;font-size:40px;display:none;
  position:absolute;top:40px;right:10px
}
#menu ul{display:flex;flex-wrap:wrap;gap:.5rem}
#menu li{list-style:none}

/* ------- MOBIL ------------------------------------------------------ */
@media(max-width:768px){
  #navToggle{display:block}

  #menu{display:none;height:auto!important;overflow:visible!important}
  #menu.open{display:block}

  #menu ul{flex-direction:column;align-items:center;margin:0;padding:.5rem 0}
  #menu ul li{float:none!important;width:100%}
  #menu ul li a{display:block;padding:.6rem 0;margin-left: 30px;}
   #header h1 { margin-right: 10px; }
   #header h2 { margin-right: 10px; }
}

/* ---- dvousloupcový layout ------------------------------------------ */
.left,.right{float:none;width:100%}
@media(min-width:992px){
  .left{float:left;width:65%}
  .right{float:right;width:30%}
}

/* ---- galerie ------------------------------------------------------- */
#cele_album{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}

/* ---- tabulky aktualit --------------------------------------------- */
@media(max-width:600px){
  table tr{display:block}
  table td{display:block;width:100%!important;text-align:center}
}

/* ---- footer fix ---------------------------------------------------- */
#footer{max-width:1000px;margin:0 auto}
#footertop{max-width:1000px;margin:0 auto}