@media only screen and (max-width: 1730px) {
  .logo_jerab{
    left: auto;
    right: 77vw;
  }
}
@media only screen and (max-width: 1080px) {
  .reference_cont {
    min-height: 980px;
  }
  .phobo_cont {
    margin: 0px 0px;
  }
  .fotogalerie_galerie_cont {
    margin: 0px 35px;
  }
  .gal_skup{
    margin-top: 30px;
  }
}

@media only screen and (max-width: 860px) {
  .kontakt{
    width: 100%;
    float: none;
    margin-top: 30px;
    text-align: center;
  }
  .mapa {
    float: none;
    max-width: 677px;
    display: block;
    clear: both;
    margin: 40px auto 0px auto;
    width: 100%;
  }
  .kontakty_cont .both{
    height: 10px;
  }
}

@media only screen and (max-width: 760px) {
  .intro_cont{
    height: 684px;
  }
  .intro h1 {
    left: 20px;
  }
}

@media only screen and (max-width: 950px) {
  .vrch{
    height: 97px;
  }
  .vrch .menu_top {
    right: auto;
    left: 190px;
    top: 123px;
  }  
  .vrch .menu_top a:first-child {
    margin-left: 2px;
  }
}

@media only screen and (max-width: 880px) {
  .kontakt_1{
    width: 50%;
    float: left;
    height: 360px;
    margin-right: 2%;
  }
  .kontakt_2{
    width: 45%;
    float: left;
    height: 360px;
  }
  .mapa{
    float: left;
    width: 40%;
  }
}

@media only screen and (max-width: 730px) {
  .reference_cont {
    min-height: 1300px;
  }
}

@media only screen and (max-width: 650px) {
  .kontakt_1{
    width: 100%;
    float: none;
    height: auto;
    margin-right: 0px;
  }
  .kontakt_2{
    width: 100%;
    float: none;
    height: auto;
    margin-right: 0px;
  }
  .mapa{
    width: 100%;
    float: none;
    height: auto;
    margin-right: 0px;
  }
}

@media only screen and (max-width: 620px) {
  .o_nas_obsah{
    float: none;
    width: 100%;
  }
  .o_nas_loga{
    text-align: center;
    float: none;
    width: 100%;
    margin-top: 50px;
  }
  .sluzba{
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 590px) {
  .vrch .menu_top {
    right: auto;
    left: auto;
  }  
  .intro h1 {
    top: 150px;
  }
}

@media only screen and (max-width: 550px) {
  .logo_jerab{
    display: none;
  }
  .logo_haky{
    display: none;
  }
  .vrch a.logo{
    font-size: 50px;
  }
  .vrch .menu_top {
    top: 80px;
  }
  .intro h1 {
    top: 90px;
  }
}

@media only screen and (max-width: 450px) {
  .intro h1 {
    top: 120px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 400px) {
  .intro h1 {
    top: 120px;
    font-size: 40px;
  }
  .vrch .menu_top a {
    margin: 0px 18px;
  }
}