@media only screen and (max-width: 980px) {
  .menu{
    width: 250px;
    height: 100%;
    margin: 0px auto;
    left: calc(50vw - 125px);
    top: 39px;
    box-shadow: -0px 2px 5px inset #0006;
    display: none;
  }
  .menu span{
    display: block;
  }
  .menu2{
    display: block;
  }
  .submenu{
    position: relative;
    width: 100%;
    top: 0px;
    background-color: #5e5e5ead;
    z-index: 99;
    
    margin: 0px auto;
    left: 0px;
    
    padding-bottom: 3px;
    text-align: center;
  }
}

@media only screen and (max-width: 730px) {
  .info{
    padding: 0px 20px;
  }
  .pata{
    padding: 0px 20px;
  }
  .pata_1{
    float: none;
    margin-bottom: 20px;
  }
  .pata_2{
    float: none;
  }
  .pata_12{
    width: 50%;
  }
  .pata_mapa{
    top: 20px;
  }
  .pata_cont{
    padding: 40px 0px 0px 0px;
  }
  .pata_both{
    clear: both;
    height: 40px;
  }
}

@media only screen and (max-width: 610px) {
  .intro{
    height: 410px;
  }
  .intro h1{
    font-size: 140px;
    line-height: 100px;
  }
  .intro h1 span{
    font-size: 40px;
  }
  .intro h2{
    padding: 0px 20px;
    line-height: 150%;
  }
  .info_half img {
    width: auto;
    float: none;
    margin: 0px auto 20px auto;
    display: block;
    max-width: 100%;
  }
  .info_half_2 div {
    width: 100%;
    display: block;
  }
  .info_half_2 img {
    width: auto;
    float: none;
    margin: 0px auto 20px auto;
    display: block;
    max-width: 100%;
  }
  .info_half div {
    width: 100%;
    display: block;
  }
  .zapis_3{
    font-size: 40px;
  }
}

@media only screen and (max-width: 570px) {
  .fotogalerie_foto_cont{
    width: 50%;
  }
  .rb_11 div.rb_txt{
    width: 100%;
    float: none;
    padding: 0px;
  }
  .rb_01 div.rb_txt{
    width: 100%;
    float: none;
    padding: 0px;
  }
  .rb_01 div.rb_img{
    width: 100%;
    float: none;
    padding: 0px;
  }
  .rb_02 div.rb_txt{
    width: 100%;
    float: none;
    padding: 0px;
  }
  .rb_02 div.rb_img{
    width: 100%;
    float: none;
    padding: 0px;
  }

  .rb_06 div.rb_img{
    width: 100%;
    float: none;
    padding: 0px;
  }

  .rb_07 div.rb_img{
    width: 100%;
    float: none;
    padding: 0px;
  }
}
@media only screen and (max-width: 530px) {
  .blok_tab_small{
    display: table;
  }
  .blok_tab{
    display: none;
  }
  .pata h2{
    text-align: center;
  }
  .pata_12{
    width: 100%;
    text-align: center;
  }
  .pata_1{
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
  }
  .pata_2{
    margin-right: 0px;
    width: 100%;
    max-width: 100%;
  }
  .pata_mapa{
    left: calc(50vw - 134px);
  }
}

@media only screen and (max-width: 530px) {
  .intro{
    height: 80vw;
    margin-top: 5vw;
  }
  .intro h1{
    font-size: 23vw;
    line-height: 80%;
  }
  .intro h1 span{
    font-size: 6vw;
  }
  .intro h2{
    font-size: 4.5vw;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 420px) {
  .zapis_2{
    font-size: 25px;
  }
  .zapis_3{
    font-size: 30px;
  }
  .zapis_4{
    font-size: 18px;
  }
}
@media only screen and (max-width: 380px) {
  .fotogalerie_foto_cont{
    width: 100%;
  }
}

@media only screen and (max-width: 650px) {
  .aktualita{
    width: 209px;
    height: 270px;
  }
  .aktuality{
    overflow-y: auto;
    height: 290px;
  }
}

@media only screen and (max-width: 540px) {
  .aktuality{
    overflow-y: auto;
    height: 295px;
    justify-content: left;
    bottom: 310px;
    display: block;
  }
  .aktualita_img{
    width: 100%;
  }
  .sekce_1 h1{
    /*display: none;*/
  }
  .sekce_1 h2{
    display: none;
  }
}