*{margin:0;padding:0;}
html{scroll-behavior: smooth;}
body{font-size: 12px; text-align: center; font-family: "Open Sans", sans-serif;}
a img{border:none;}
ul{padding-left: 15px;}
.cl, .cleaner{clear: both;}
input[type="button"],input[type="submit"],input[type="text"],textarea{-webkit-appearance:none;}
.fx{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

.top-bar{width:100%; height:auto; background-color:#f0f0f0;}
.logo{width:auto; height:100px; margin-top:20px; margin-bottom:25px;}
.theme{width:100%; height:185px; background-image:url(theme.jpg); color:#fff; text-transform:uppercase; text-align:center; }
.theme h1{font-weight:100;font-size:32px;display:inline-block;margin-top:74px;}
.foot{width:100%; padding-top:25px; padding-bottom:25px; background-color:#eb884f; color:#fff; font-size:14px;}
.logo-foot{width:130px;height:auto;margin-bottom:25px;display:inline-block;}
.adresy{font-size:0; width:1300px; margin:0px auto; padding-top:100px; padding-bottom:100px;}
.sl{display:inline-block; width:30%; font-size:18px; text-align:center; vertical-align:top; margin-right:3%;color:#444;}
.sl-3{margin-right:0;}
.sl a{color:#000;}
.sl h2{font-size: 30px; font-weight: 400; display: block; margin-bottom: 40px; padding-bottom: 25px; width: 100%; border-bottom:1px solid #d9d9d9;}

@media screen and (max-width: 1300px) {
  .adresy{width: 94vw;}
}

@media screen and (max-width: 1100px) {
  .sl{font-size: 14px;}
}

@media screen and (max-width: 890px) {
  .theme h1{font-size:24px;margin-top:64px;}
  .theme{height:160px;background-size:cover;}
  .sl h2{font-size:22px;margin-bottom:30px;padding-bottom:14px;}
  .adresy{padding-top: 60px; padding-bottom: 60px;}
}

@media screen and (max-width: 660px) {
  .logo{height:60px;margin-bottom:20px;}
  .theme h1{font-size:18px;margin-top:35px;}
  .theme{height:90px;}
  .sl h2{font-size:18px;margin-bottom:21px;padding-bottom:11px;}
  .sl{font-size:12px;}
}

@media screen and (max-width: 520px) {
  .adresy{padding-top:0px;padding-bottom:25px;}
  .sl{font-size:12px;margin-right:0;width:100%;}
  .sl h2{margin-top:25px;}
  .theme h1{font-size:14px;margin-top:38px;}
}

@media screen and (max-width: 390px) {
  .logo{height:44px;}
  .theme h1{font-size:14px;margin-top:30px;width:250px;}
  .logo-foot{width:64px;height:auto;margin-bottom:8px;display:inline-block;}
  .foot{font-size:11px;}
}