/* 0 px - 600 px */
@media screen and (max-width: 600px){
  .rychle_odkazy{
   right: 10px;
   top: 70px;
  }
  .pbloky {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  DIV.poukazy{
   padding-left: 50px;
   padding-top: 30px;
   grid-template-columns: 1fr;
  }
  DIV.poukazy DIV.op DIV.p DIV.n{
    font-size: 6cqw;
  }
  DIV.poukazy DIV.op DIV.p DIV.na{
    font-size: 2.57cqw;
  }
  DIV.poukazy DIV.op DIV.p DIV.h{
    font-size: 2.5cqw;
  }
  .QRplatba{
    margin: 30px 10px 0px 50px;
    padding: 20px;
  }
  .pruh .QRplatba H2{ font-size: 30px; }
  .pruh .QRplatba DIV.mainL2,
  .pruh .QRplatba DIV.mainP2{
    padding: 0px;
    width: 100%;
    font-size: 20px !important;
  }
}
/* 0 px - 1000 px */
@media screen and (max-width: 1000px){
  .rs_nev{ display: none; }
  .rs_block{ display: block; }
  .rs_center{ text-align: center; }
  .rs_nowrap{ white-space: nowrap; }
  
  BODY{ padding: 60px 0px 0px 0px; }

  H1{
    display: block;
    font-size: 40px;
  }
  H2{
    display: block;
    font-size: 30px;
  }

  .pruh{ padding: 20px 0px 20px 0px; }
  .pruh2 .pruhpoz{ padding: 100px 20px 100px 50px; }

  .copy, A.kao:link, A.kao:visited{
   float: none;
   margin: 20px 0px 0px 0px;
   text-align: center;
  }
  .bottom{
   width: 100%;
   min-width: 100%;
   max-width: 100%;
   padding: 50px 0px 100px 0px;
   text-align: center;
  }
  A.ico_menu,
  A.ico_menu:link, A.ico_menu:visited{
   position: fixed;
   top: 8px;
   right: 5px;
   display: block;
   width: 42px;
   height: 42px;
   background-image: url(obr/ico_menu.png);
   background-repeat: no-repeat;
   background-position: center center;
   cursor: pointer;
   z-index: 103;
  }
  A.ico_menu:hover, A.ico_menu:active{
    background-image: url(obr/ico_menu_over.png);
  }
  .menupruh{
    height: 60px;
    background-image: url(obr/poz1.png);
  }
  .menu{
    display: none;
    float: none;
    padding: 80px 0px 20px 0px;
    background-image: url(obr/poz1.png);
  }
  .menu A,
  .menu A:link,
  .menu A:visited{
    float: none;
  }
  .main{
   width: 100%;
   max-width: 100%;
   min-width: 100%;
   margin: 0px auto 0px auto;
  }
  .Lcara{
    position: absolute;
    top: 50px;
    left: 25px;
    width: 1px;
    height: calc(100% - 100px);
    background-color: #FFFFFF;
  }
  .Lcara H1{
    top: -35px;
    left: -15px;
    width: auto;
  }
  .pruh DIV.text,
  .pruh DIV.Ltext,
  .pruh DIV.Ptext,
  .pruh DIV.mainL,
  .pruh DIV.mainP,
  .pruh DIV.mainL2,
  .pruh DIV.mainP2{
    float: none;
    width: calc(100% - 75px);
    padding: 50px 25px 0px 50px;
  }
  .pruh H2{ font-size: 35px; }
  .pruh H3{ font-size: 30px; }
  .fotky, .fotogalerie{
    padding: 0px 25px 0px 50px;
  }
  .fotky A, .fotky A:link, .fotky A:visited,
  .fotky A.f1, .fotky A.f1:link, .fotky A.f1:visited,
  .fotogalerie A, .fotogalerie A:link, .fotogalerie A:visited{
    float: none;
    width: 100%;
    margin: 10px 0px;
  }
  .rozcestnik A, .rozcestnik A:link, .rozcestnik A:visited{
    width: 100%;
    margin: 0%;
  }
  .rozcestnik A STRONG, .rozcestnik A:link STRONG, .rozcestnik A:visited STRONG{
    font-size: 10vw;
  }
  .tecky{ margin: 0px 0px 20px 0px; }
  .tecky.fs25{ font-size: 20px; }
  .ingredience{ font-size: 16px; }
  .center.oranzova{ padding: 50px; }
  DIV.potvrzeni{
   left: 0px;
   top: 0px;
   padding: 10px;
   width: calc(100% - 30px);
   max-height: calc(100% - 30px);
   overflow-y: auto;
  }
  DIV.potvrzeni FORM TABLE,
  TABLE.form_table{
   margin: 0px auto 0px auto;
  }
  TABLE.form_table TR TD{
   display: block;
   text-align: center;
  }
  FORM INPUT.i, FORM TEXTAREA{
   width: calc(100% - 70px);
   margin: 0px auto;
   font-size: 20px;
  }
  TABLE.potvrzeni_tlacitka{
   display: block;
   margin: 10px 20px 0px 20px;
  }
  TABLE.potvrzeni_tlacitka TR TD{
   display: block;
  }
  TABLE.potvrzeni_tlacitka TR TD.tlac_mez{
   display: none;
  }
  .potvrzeni_tlacitka A.tlacitko,
  .potvrzeni_tlacitka A.tlacitko:link,
  .potvrzeni_tlacitka A.tlacitko:visited{
   font-size: 14px;
  }
}