@media (max-width: 1650px) {
  break {
    display: none;
  }
}

@media (max-width: 1450px) {
  section.kontakt .blocks {
    flex-wrap: wrap;
  }

  section.kontakt .blocks .one {
    width: 45%;
  }

  section.kontakt .blocks .two {
    width: 45%;
    margin: 0px;
  }

  section.kontakt .blocks .three {
    width: 50%;
  }

  .teta h1 {
    width: 100%;
    display: block;
  }
  .teta div {
    text-align: left;
    display: block;
    width: 600px;
  }
}

@media (max-width: 1024px) {
  header {
    display: none;
    width: 50%;
    z-index: 1;
  }

  header .top img {
    display: none;
  }

  .header-resp {
    display: block;
    position: fixed;
    background: #121212;
    width: 100%;
    z-index: 1;
  }

  .header-resp .menu {
    display: inline-block;
    width: 40px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-40%, -45%);
  }

  .header-resp .menu .line {
    height: 3px;
    margin-bottom: 8px;
    border-radius: 5px;
    background: white;
    display: block;
  }

  .header-resp a {
    display: inline-block;
  }

  .header-resp img {
    width: 170px;
    padding: 7px 10px 5px;
  }

  main, .main {
    margin: 0px;
    padding-top: 50px;
  }

  section.distribuce .content p {
    width: auto;
  }

  section.o-firme .content p {
    width: auto;
  }

  section.aktivity .content p {
    width: auto;
  }

  section .content {
    padding: 10.5vh 8vw;
  }

  h1 {
    font-size: 9vw;
  }

  section.medial p {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .aktivity-left {
    width: 100%;
  }

  header {
    width: 100%;
  }

  header .top {
    margin-top: 60px;
  }

  header ul {
    margin-left: 30px;
    margin-top: 20px;
    line-height: 3;
  }

  .mutace {
    margin-left: 70px;
  }

  .aktivity-right {
    width: 100%
  }

  section.kontakt .blocks .one {
    width: 100%;
  }

  section.kontakt .blocks .two {
    width: 100%;
    margin: 0px;
  }

  section.kontakt .blocks .three {
    width: 100%;
  }

  h1, h2, h3 {
    text-align: center;
  }

  h1 {
    font-size: 12vw;
    margin-bottom: 10px;
  }
  p {
    text-align: center;
  }
  section.medial .loga {
    margin: 30px 0px 0px;
    display: block;
    text-align: center;
  }
  section.medial .loga .logo {
    margin: 40px 0px;
    text-align: center;
    width: 100%;
    max-width: 220px;
    display: inline-block;
  }

  section.distribuce .loga {
    margin: 30px 0px 0px;
    display: block;
    text-align: center;
  }
  section.distribuce .loga .logo {
    margin: 30px 0px;
    text-align: center;
    width: 100%;
    max-width: 220px;
    display: inline-block;
  }

  section.aktivity .content h1 {
    margin-bottom: 0px;
  }
  .aktivity-left p, .aktivity-right p {
    width: 100%;
  }
  section.aktivity .content {
    padding-bottom: 50px;
  }

  section.spoluprace .loga {
    margin: 30px 0px 0px;
    text-align: center;
    display: block;
  }
  section.spoluprace .loga .logo {
    width: 100%;
    margin: 20px 0px;
    max-width: 220px;
    display: inline-block;
  }

  section.kontakt .blocks {
    width: 100%;
  }
  section.kontakt .content {
    padding: 10.5vh 8vw;
  }
  section.kontakt form textarea, section.kontakt form input {
    width: 92%;
  }
  section.kontakt form p {
    transform: none;
  }

  .teta {
    flex-wrap: wrap-reverse;
  }

  .teta div {
    width: 100%;
    display: block;
    text-align: center;
  }
  .teta div p {
    width: 100%;
    display: block;
  }
  .teta img {
    margin: 0px;
  }
  .teta p {
    width: 100%;
  }
}