@media only screen and (max-width: 960px) {
  .vrch{
    height: 70vw;
  }
  .vrch_cont {
    width: 100%;
    margin: 0px auto;
    padding: 0px 20px;
  }
  .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: 890px) {
  .provozni_doba {
    position: absolute;
    right: 0px;
    top: -130px;
    width: 225px;
    height: 260px;
    padding: 15px;
    padding-right: 27px;
    background-size: auto 100%;
    background-position: left center;
  }
  .provozni_doba strong {
    font-size: 23px;
    left: 38px;
  }
  .provozni_doba p {
    font-size: 35px;
    margin-top: 13px;
    left: 55px;
    width: 150px!important;
  }
}

@media only screen and (max-width: 795px) {
  .kontakt h2{
    text-align: center;
  }
  .kontakt_1, .kontakt_2, .kontakt_3{
    float: none;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 750px) {
  .prvni_onas {
    width: 100%;
  }
  .prvni_onas::before {
    content: "";
    float: right;
    width: 200px;
    height: 45px;
    shape-outside: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
@media only screen and (max-width: 700px) {
  .menu_icon{
    display: block;
    
  }
  .menu{
    background-color: white;
    padding: 10px 0px;
    width: 180px;
    position: absolute;
    right: 20px;
    top: 50px;
    display: none;
  }
  .menu a{
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 2px 0px;
  }
}

@media only screen and (max-width: 640px) {
  table.cenik_stk{
    width: 100%;
  }
  table.delka_stk{
    width: 100%;
  }
  table tr td br {
    display: block;
  }
}

@media only screen and (max-width: 510px) {
  .rezervace_dny_cont{
    border-right: 2px dotted #333;
  }
  .posun_prstem{
    display: block;
  }
}
