div.VideoBanner {
  display:block; border:0px solid; max-height:480px; overflow:hidden; position:relative; width:100%; margin-bottom:20px
}
div.VideoBanner a {}
div.VideoBanner a.txt:hover {background-color:rgba(0,0,0,0.2)}
div.VB_background {height:80vh}
#background-video {
  margin-top:-390px;
  width: 100vw;
  height:80vh
  object-fit:contain;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

div.VB_text {position:absolute; left:130px; top:130px;  width:100%; 
  max-width:300px}
div.VB_text2 {
  
  position:absolute; 
  right:130px; 
  top:140px; 
  width:100%; 
  padding:15px;
  max-width:540px;
  background-color:rgba(227,8,120,0.8)
}
div.VideoBanner div.title {font-size:40px; line-height:40px;color:#FFF;  margin:0; font-weight:bold}
div.VideoBanner div.opis {font-size:26px; line-height:40px;color:#FFF; margin:20px 0px 0px 0px; }
div.VideoBanner a {color:#FFF; padding:10px;font-size:16px; margin-top:30px; line-height:60px; border:1px solid WHITE}

@media only screen and (max-width:1870px) {
  div.VideoBanner {max-height:480px;}
  
}

@media only screen and (max-width:1690px) {
  div.VideoBanner {max-height:440px}

}

@media only screen and (max-width:1545px) {
  div.VideoBanner {max-height:370px}
  div.VB_text {position:absolute; left:130px; top:80px;}
  div.VB_text2 {position:absolute; right:130px; top:90px;}

}

@media only screen and (max-width:1340px) {
  div.VideoBanner {max-height:280px}
 div.VB_text {position:absolute; left:130px; top:30px;}
 div.VB_text2 {position:absolute; right:130px; top:40px;}
}

@media only screen and (max-width:1260px) {
   div.VideoBanner {max-height:220px}


}

@media only screen and (max-width:1136px) {
  div.VideoBanner {max-height:160px}
  div.VideoBanner div.title {top:10px; font-size:30px;line-height:0px;}
  div.VideoBanner div.opis {top:60px;font-size:20px;line-height:16px;}

}
@media only screen and (max-width:750px) {
  div.VideoBanner {display:none}
}