@media (min-width: 320px) and (max-width: 799px) {
  html {
    width: 100%;
  }
  a, h1, h2, h3 {
    color: white;
  }
  ol,
  ul {
    text-align: left;
  }
  header {
    padding: 0 !important;
  }
  .container {
    width: auto;
    padding: 20px;
  }
  .left,
  .right {
    width: 100% !important;
  }
  .middle-container-right-content {
    width: 100% !important;
    text-align: center;
  }
  .middle-container,
  .top-container,
  footer,
  .projekty-home-page,
  .bottom-block .container,
  .top-navigation,
  .top-navigation li,
  .footer-navigation,
  ul.social-media
  {
    display: inline-block;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }
  .top-container {
    display: table !important;
  }
  .banner,
  .main {
    background: #2d3761;
  }
  .banner-text {
    position: initial !important;
    left: 0 !important;
    transform: none !important;
    top: 1% !important;
    padding: 0 !important;
    padding: 10px !important;
  }
  .top-navigation,
  .bottom-navigation {
    background: #2d3761;
    color: white;
  }
  .top-navigation a,
  .bottom-navigation a {
    color: white;
  }
  .btn.blue {
    color: #2d3761;
    background: white;
  }
  .bottom-block .container .left,
  .bottom-block .container .right {
    text-align: center;
  }
  footer.container {
    width: 100%;
  }
  footer .top-navigation {
    display: none;
  }
  footer .copyrights {
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
  }
  .projekty-home-page li {
    width: 32%;
    display: block;
    float: left;
    margin-right: 1%;
  }
  .projekty-home-page li img {
    width: 100%;
  }
  .banner {
    overflow: initial;
  }
  .banner img {
    margin-top: 0 !important;
  }
  .banner-text h1, .banner-text h2 {
    font-size: 32px !important;
    margin: 0 !important;
  }
  .banner-text span {
    max-width: 67%;
    font-size: 14px;
    margin-left: 1%;
    line-height: 20px;
  }
  .middle-container .left {
    position: relative !important;
  }
  .home-bottom .block {
    width: 100% !important;
    padding: 20px !important;
  }
  .kontakt-bottom .block {
    width: 100% !important;
  }
  iframe {
    height: 300px !important;
  }
}