@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) {
  .vrch{
    height: 97px;
  }
  .vrch .menu_top {
    right: auto;
    top: 73px;
  }  
  .vrch .menu_top a:first-child {
    margin-left: 2px;
  }
  .intro_cont{
    height: 684px;
  }
  .intro h1 {
    left: 20px;
  }
}

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

@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) {
  .intro h1 {
    top: 150px;
  }
}
@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;
  }
}