@media only screen and (max-width: 1450px) {
  .vrch_menu_logo span{
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .vrch{
    height: 70vw;
  }
  .vrch_cont {
    width: 100%;
    margin: 0px auto;
  }
  .logo{
    left: 20px;
  }
  .o_nas_cont{
    width: 100%;
    padding: 30px 20px;
  }
  .rezervace_cont{
    width: 100%;
    padding: 30px 20px;
  }
  .cenik_cont{
    width: 100%;
    padding: 30px 20px;
  }
  .informace_cont{
    width: 100%;
    padding: 30px 20px;
  }
  .kontakt_cont{
    width: 100%;
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 870px) {
  .vrch_menu_logo span{
    display: block;
  }
  .menu_icon{
    display: block;    
  }
  .vrch_menu_odkazy{
    background-color: white;
    padding: 10px 0px;
    width: 180px;
    position: absolute;
    right: 10px;
    top: 50px;
    display: none;
    z-index: 999;
    box-shadow: 1px 1px 4px #33333373;
  }
  .vrch_menu_odkazy a{
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 10px 0px;
  }
  .vrch_reference_text{
    padding: 0px 20px;
  }
  .info{
    padding: 0px 20px;
  }
  .profil_spolecnosti{
    padding: 0px 20px;
  }
  .nabizime{
    padding: 0px 20px;
  }
  .nase_cile{
    padding: 0px 20px;
  }
  .pata_kontakt_cont{
    padding: 0px 20px;
  }
  .aktuality{
    padding: 20px;
  }
  .reference{
    padding: 20px;
  }
  .logo img{
    width: 100px;
  }
}

@media only screen and (max-width: 740px) {
  .aktuality_bloky{
    flex-wrap: wrap;
  }
  .aktuality_blok{
    flex: auto;
    color: white;
    font-size: 15px;
    padding-top: 15px;
    width: calc(50% - 5px);
  }
}

@media only screen and (max-width: 700px) {
  .rb_01 div.rb_txt{
    width: 100%;
  }
  .rb_11 div.rb_txt{
    width: 100%;
  }
  .rb_01 div.rb_img{
    width: 100%;
  }
  .rb_02 div.rb_txt{
    width: 100%;
    padding: 0px;
  }
  .rb_02 div.rb_img{
    width: 100%;
    padding: 0px;
  }
  .fotogalerie_13_foto_cont {
    width: calc(50% - 4px);
  }
  .fotogalerie_foto_cont {
    width: 50%;
  }
}
@media only screen and (max-width: 650px) {
  .nabizime_bloky{
    flex-wrap: wrap;
  }
  .nabizime_blok{
    flex: auto;
    color: white;
    font-size: 15px;
    padding-top: 15px;
    width: 100%;
  }
  .nase_cile_bloky{
    flex-wrap: wrap;
  }
  .nase_cile_blok{
    flex: auto;
    color: white;
    font-size: 15px;
    padding-top: 15px;
    width: 100%;
  }
  
  .reference_blok_foto div{
    width: 100%;
  }
  
  .reference_blok_foto div.ref_foto{
    display: none;
  }
  .reference_blok_foto div.ref_foto_active{
    display: block;
  }
  .vrch_reference_text h1 {
    font-size: 35px;
  }
  .reference_blok {
    height: 180px;
  }
  .reference_blok_text {
    width: 100%;
    float: none;
    height: 50px;
  }
  .reference_blok_text_nazev{
    height: auto;
  }
  .ref_blok_cont{
    width: 100%;
  }
  .reference_blok_foto{
    margin-left: 0px;
  }
  .kontakty_bloky p{
    flex: 0 0 calc((100% - (1 * 10px)) / 2);
    padding-bottom: 15px;
  }
}

@media only screen and (max-width: 580px) {
  .pata_kontakt_cont{
    display: block;
  }
  .pata_kontakt{
    width: 100%;
    display: block;
    text-align: center;
  }
  .pata_kontakt_2{
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 40px;
  }
  
  .pata_logo{
    display: none;
  }
  .pata_logo_2{
    display: block;
    width: 100%;
    margin-top: 40px;
  }
  .vrch_reference_text h2 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 470px) {
  .aktuality_blok{
    width: 100%;
  }
}
@media only screen and (max-width: 430px) {
  .kontakty_bloky p{
    /*min-width: 286px;*/
    flex: 0 0 100%;
    padding-bottom: 15px;
  }
}