@-ms-viewport {width: device-width;}
.mobile-img{display: none;}

@media screen and (max-width: 1400px) {
  body .logo{border:none;margin-top:10vw;width:15vw;}
  body .theme-txt h1{font-size:6vw;}
  body .theme-txt span{font-size:2.3vw;margin-top:1vw;}
  body .theme-txt{margin-top:7vw;}
  body .theme{height:58vw;}
  body .video-over{height:58vw;}
}

@media screen and (max-width: 1240px) {
  body .right-side .in strong{font-size:24px;}
  body .right-side .in{font-size:16px;line-height:23px;font-weight:300;}
  body .right-side .in a{font-size:19px;}
  body .left-side{width:34%;}
  body .right-side{width:54%;}
  body .left-side img,body .right-side img{width:750px;height:auto;margin-left:-350px;}
  body .pruh.pruh-right .left-side{width:34%;}
  body .pruh.pruh-right .right-side{width:54%;}
}

@media screen and (max-width: 920px) {
  body .theme video{width: 110%; height: auto;}
  body .sipka {bottom: 5vw;}
  body .info-bar{font-size:20px;}
}

@media screen and (max-width: 760px) {
  body .right-side .in{margin-top:60px;margin-bottom:60px;}
}

@media screen and (max-width: 730px) {
  body .left-side img,body .right-side img{width:100%;height:auto;margin-left:0;  margin-top:-50px;}
  body .left-side{width:100%;height:40vw;}
  body .right-side{width:100%; padding:0;}
  body .right-side .in{margin:40px;}
  body .pruh.pruh-right .left-side{width:100%;  margin-left:0;  height:40vw;}
  body .pruh.pruh-right .right-side{width:100%;  padding:0;  }  
  body .l-ofirme{display:none;}
  body .mobile-img{display:block; width:100%; height:40vw; overflow:hidden;}
  body .mobile-img img{width:100%; height:auto; display:block;}
  body .right-side .in{font-size:14px;line-height:20px;font-weight:300;  text-align:center;}
  body .right-side .in strong{font-size:22px;}
  body .right-side .in a{font-size:15px;}
  body .top-menu a,
  body .top-menu a:last-child {margin-left: 10px; font-size: 15px; margin-right: 10px;}
  body .top-menu{padding-top: 10px; padding-bottom: 10px;}
  body .sipka{width:60px;height:16px;margin-left:-30px;background-size:cover;}
}

@media screen and (max-width: 500px) {
  body .top-menu a,body .top-menu a:last-child{margin-left:6px;font-size:13px;margin-right:6px;}
  body .top-menu{padding-top:7px;padding-bottom:7px;font-size:inherit;}
  body .theme,body .video-over{height:380px;}
  body .theme video{width:auto;margin-left:-210px;height:400px;}
  body .logo{border:none;margin-top:62px;width:117px;}
  body .theme-txt h1{font-size:30px;}
  body .theme-txt span{font-size:15px;margin-top:10px;}
  body .theme-txt{margin-top:24px;}
  body .logo-foot{margin-top:40px;width:140px;margin-bottom:0px;}
  body .copy{margin-bottom:40px;}
}

@media screen and (max-width: 420px) {
  body .right-side .in strong{font-size:20px;}
  body .right-side .in{margin:40px 20px;}
  body .kontakt{margin-bottom:20px;line-height:21px;color:#6f6f6f;font-size:13px;}
  body .big{line-height:29px;color:#fff;font-size:21px;}
  body .copy{margin-left:15px;margin-right:15px;  margin-bottom:30px;}
  body .logo-foot {margin-top: 36px;width: 140px;	margin-bottom: 11px;}
}

@media screen and (max-width: 400px) {
  body .top-menu a, body .top-menu a:last-child {margin-left: 3px;font-size: 12px;margin-right: 3px;}
}

@media screen and (max-width: 350px) {
  body .top-menu a,body .top-menu a:last-child{margin-left:2px;font-size:11px;margin-right:2px;}
}
