body {
  background: #516542;
}

#content {
  width: 70%;
  height: auto;
  margin: auto;
  margin-top: 8%;
}

.logo {
  position: relative;
  width: 42%;
  float: left;
  padding-top: 7%;
}

.kontakt {
  position: relative;
  width: 46%;
  float: left;
  padding-left: 7%;
  padding-top: -15%;
}

@media screen and (max-width:1200px) {

  #content {
    width: 80%;
    margin-top: 10%;
  }

@media screen and (max-width:1000px) {

  #content {
    width: 90%;
    margin-top: 5%;
  }

  .logo {
    width: 90%;
    margin: 5%;
  }

  .kontakt {
    padding: 0%;
    width: 100%;
  }

}

@media screen and (max-width:500px) {

  .logo {
    width: 90%;
    margin: 5%;
  }

  .kontakt {
    padding: 0%;
    width: 100%;
  }

}