@-ms-viewport {width: device-width;}
input[type="button"],
input[type="submit"],
input[type="text"],
textarea{-webkit-appearance: none;}

.burger-menu{left:-100vw; width: 100vw; position: fixed; z-index:500; text-align: left;background:rgba(0,0,0,0.9);top:0;height:100vh;overflow-y:auto; }
.burger-menu.visible{left:0;}
.burger-ico{display:none;width:30px;height:25px;cursor:pointer;}
.burger-o{position:relative; padding:35px;}
.burger-o a{display: block; text-align: left; color:#fff; text-decoration: none; font-size: 18px; line-height: 30px; width: 100%;}
.burger-o a:hover{text-decoration: underline;}
.burger-o a.b-close{width:20px;height:20px;display:block;position:absolute;right:20px;top:20px;background-image:url(images/close.png);font-size:0;cursor:pointer;background-size:cover;}

@media screen and (max-width: 1460px) {
  body .historie .o{width: 90vw;}
  body .mezera-pred, body .mezera-za {width: 5vw;}
  body .copy-left{margin-left:5vw;}
  body .copy-right{margin-right:5vw;}
}

@media screen and (max-width: 1200px) {
  body .slogan-1{font-size:22px;}
  body .slogan-2 h1{font-size:60px;}
  body .theme-txt{margin-top:50px;}
  body .cara{margin-top:30px;margin-bottom:40px;}
  body .theme{height:650px;background-position: center;}
  body .panel-txt h2{font-size:70px;line-height:75px;}
  body .panel-txt{padding-top:80px;padding-bottom:80px;}
}

@media screen and (max-width: 1000px) {
  body .historie .o h2{font-size:30px;margin-bottom:50px;}
  body .historie{padding-top:80px;padding-bottom:80px;}
}

@media screen and (max-width: 940px) {
  body .panel-txt h2{font-size:55px;line-height:65px;}
  body .panel-obsah{font-size:15px;line-height:23px;margin-top:30px;}
  body .panel-obsah a{font-size:18px;color:#017c51;font-weight:700;margin-top:30px;}
  body .panel-txt{padding-top:60px;padding-bottom:60px;width:45vw;}
}

@media screen and (max-width: 830px) {
  body .logo{width:170px;  }
  body .menu a,body .menu > span{margin-left:10px;  margin-right:10px;}
  body .slogan-1{font-size:19px;}
  body .slogan-2 h1{font-size:46px;margin-top:8px;}
  body .slogan-3{font-size:16px;}
  body .theme-txt{margin-top:30px;}
  body .theme{height:540px;} 
  body .panel-txt h2 {font-size: 44px;line-height: 56px;}
}

@media screen and (max-width: 570px) {
  body .menu{font-size:12px;}
  body .slogan-1{font-size:17px;}
  body .slogan-2 h1{font-size:35px;margin-top:8px;}
  body .logo{margin-top:26px;margin-bottom:25px;}
  body .theme-txt{margin-top:20px;}
  body .cara{margin-top:20px;margin-bottom:20px;}
  body .slogan-3{font-size:14px;}
  body .theme{height:450px;}
  body .historie .o h2{font-size:26px;margin-bottom:40px;line-height:34px;}
  body .historie{padding-top:60px;padding-bottom:50px;}
  body .panel-txt h2{font-size:33px;line-height:40px;}
  body .panel-obsah{font-size:12px;line-height:20px;margin-top:20px;}
  body .panel-obsah a{font-size:14px;margin-top:14px;}
  body .panel-txt{padding-top:30px;padding-bottom:30px;}
}

@media screen and (max-width: 500px) {
  body .logo-pata{margin-top:50px;margin-bottom:20px;width:180px;}
  body .adresa{font-size:14px;}
  body .pata{height:340px;background-position:center;background-size:auto 340px;}
  body .copy-left{margin-left:0;width:100%;}
  body .copy{height:auto;}
  body .copy-right{margin-right:0;width:100%;  margin-top:10px;  margin-bottom:20px;}
}

@media screen and (max-width: 450px) {
  body .logo{width:136px;}
  body .menu{display:none;}
  body .burger-ico{display:block;background-color:rgb(24, 65, 31);color:#fff;width:100%;font-size:14px;line-height:33px;height:auto;}
  body .theme-txt{margin-top:28px;}
  body .slogan-1{font-size:15px;}
  body .slogan-2 h1{font-size:30px;margin-top:8px;}
  body .theme{height:390px;}
  body .historie .o{font-size:13px;line-height:19px;}
  body .panel-txt h2{font-size:26px;line-height:30px;}
  body .panel-obsah{font-size:11px;line-height:17px;margin-top:11px;}
  body .panel-obsah a{font-size:12px;margin-top:9px;}
  body .panel-txt{width:30vw;}
}

@media screen and (max-width: 360px) {
  body .slogan-1{font-size:12px;}
  body .slogan-2 h1{font-size:22px;margin-top:8px;}
  body .theme-txt{margin-top:24px;}
  body .cara{margin-top:15px;margin-bottom:12px;height:1px;}
  body .slogan-3{font-size:12px;}
  body .theme{height:330px;}
}