@media (min-width: 1200px) {
  .text { font-size: 15px; line-height: 22px; }
}
@media (max-width: 820px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  body { font-size: 16px; line-height: 24px; background-size: auto 100%; }
  center { display: block; }
  .obal, .obsah, .stred, .stred-top, .stred-stred, .stred-end, .text, .items, .navigace, .nahled-pobytu,
  .nahled-text, .nahled-info, .linka, .linka2, .photo-nahled-obal, .photo-large, .photo-large-zpet,
  .vice, .citace-top, .citace, .citace-text, .citace-bottom, .detail-info, .foto_slideshow {
    width: auto; max-width: 100%; box-sizing: border-box; float: none;
  }
  .obal { width: 100%; }
  /* hlavicka */
  .header { width: 100%; height: auto; float: none; position: relative; background-size: 100% auto; padding-top: 37.6%; }
  .logo { position: absolute; top: 5%; left: 33%; width: 42%; height: 0; padding-top: 7.4%; margin: 0; float: none; background-size: contain; }
  .menu-horni-obal { width: auto; height: auto; float: none; margin: 0; padding: 8px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; line-height: 44px; background: #fff3; }
  .menu-horni { float: none; }
  .menu-horni a { display: block; float: none; width: 100%; height: 44px; margin: 0; background-size: 100% 100% !important; }
  /* obsah: text nahore, menu a boxy pod nim */
  .obsah { display: flex; flex-direction: column; }
  .stred { order: 1; margin: 0; }
  .leva { order: 2; width: auto; margin: 12px 8px 0; float: none; font-size: 16px; line-height: 44px; }
  .leva-top, .leva-top2, .leva-end, .leva-end2, .leva-stred, .leva-stred2, .leva-top3, .leva-end3, .leva-stred3 { width: 100%; float: none; }
  .leva-top, .leva-top2, .leva-end, .leva-end2 { height: auto; }
  .leva-top a, .leva-top2 a, .leva-end a, .leva-end2 a, .leva-stred a, .leva-stred2 a {
    display: block; float: none; width: 100%; height: 44px; line-height: 44px; background-size: 100% 100%; box-sizing: border-box;
  }
  .leva-stred3 { font-size: 16px; line-height: 24px; box-sizing: border-box; }
  .leva-stred3-text { width: auto; float: none; margin: 0 10px; padding: 6px 0; }
  .leva-stred3-text a { display: inline-block; min-height: 24px; }
  .leva-top3, .leva-end3 { background-size: 100% 100%; }
  /* stred */
  .stred-top, .stred-end { background-size: 100% 100%; }
  .stred-stred { background-size: 100% auto; }
  .text { margin: 4px 0 0; padding: 0 12px; font-size: 16px; line-height: 24px; min-height: 0; }
  .text img, img { max-width: 100%; height: auto; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  iframe, embed, object, video { max-width: 100%; }
  h1 { font-size: 1.6em; }
  h2 { font-size: 1.35em; }
  h3 { font-size: 1.2em; }
  .top5 { float: none; width: auto; height: auto; margin: 10px 0; background-size: 100% 100%; box-sizing: border-box; padding: 12px 15px; }
  .top5-text { width: auto; height: auto; float: none; margin: 0; }
  .items { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
  .item { width: auto; height: auto; float: none; margin: 0; }
  #item1 a, #item2 a, #item3 a, #item4 a, #item5 a, #item6 a { display: block; float: none; width: 100%; height: 0; padding-top: 85%; background-size: 100% 100%; }
  .navigace { height: auto; min-height: 44px; line-height: 28px; padding: 8px 0; background-position: 0 10px; }
  .navigace a { display: inline-block; min-height: 28px; }
  .nahled-pobytu { height: auto; background-size: 100% 100%; padding: 8px 10px; overflow: hidden; }
  .nahled-img { width: 100%; height: auto; float: none; margin: 0 0 6px; }
  .nahled-img img { width: 100%; max-width: 360px; }
  .nahled-nadpis { float: none; font-size: 18px; margin: 0 0 4px; }
  .nahled-nadpis a { display: inline-block; min-height: 44px; line-height: 44px; }
  .nahled-text { height: auto; float: none; }
  .nahled-info { width: 100%; height: auto; float: none; font-size: 16px; line-height: 44px; }
  .nahled-button { float: none; width: 100%; height: 44px; }
  .nahled-button a { display: block; float: none; width: 120px; height: 44px; background-size: 100% 100%; margin: 0 auto 0 0; }
  .linka, .linka2 { background-size: 100% 100%; }
  .photo-nahled-obal { display: flex; flex-wrap: wrap; gap: 8px; }
  .photo-nahled, .photo-nahled a { width: 30%; height: auto; float: none; margin: 0; }
  .photo-nahled { flex: 1 1 28%; }
  .photo-nahled img { width: 100%; height: auto; }
  .photo-large-zpet { height: auto; line-height: 44px; }
  .photo-large-zpet a { font-size: 16px; display: block; min-height: 44px; }
  .detail-img { float: none; max-width: 100%; margin: 0 auto 8px; }
  .detail-info { height: auto; background-size: 100% 100%; }
  .detail-info-box { width: auto; float: none; height: auto; margin: 0; }
  .detail-button { float: none; margin: 0 0 10px; width: 205px; height: 44px; }
  .detail-button a { height: 44px; background-size: 100% 100%; }
  .vice { height: auto; text-align: left; line-height: 44px; }
  .vice a { display: inline-block; min-height: 44px; }
  .citace-top, .citace-bottom { background-size: 100% 100%; }
  .citace { background-size: 100% auto; }
  .citace-text p { font-size: 16px; line-height: 24px; }
  .kde-objednat-odkaz { font-size: 16px; }
  .foto_slideshow { height: auto; font-size: 16px; }
  .paticka { width: auto; height: auto; margin: 0 8px 10px; float: none; background-size: 100% 100%; background-color: #3a8fb7; padding: 8px 10px; line-height: 28px; font-size: 14px; box-sizing: border-box; }
  .paticka a { display: inline-block; min-height: 28px; }
}