div.box_oferta {border:1px solid #FFF; float:left; width:378px; text-align:center; background-color:#2892c1; color:#FFF; margin:10px; display:flex; align-items:center ;position:relative; cursor:pointer}
div.box_oferta img {width:100%; filter:grayscale(1) }
div.box_oferta img:hover {filter:unset}
div.filter {position:absolute; border:0px solid red; top:0; bottom:0; left:0; right:0; align-items:center; display:flex; }
div.filter:hover {background-color:unset; cursor:pointer; background-color:rgba(72,160,198,0.8); }
div.box_oferta p { letter-spacing:-1px;padding:8px 0px 8px 0px; margin:0; width:100% ; font-size:30px; position:absolute; color:#888;  background-color:rgba(167,32,6,0.9); text-shadow:unset; color:#FFF; bottom:0px}

 
div.mod-misja {padding-bottom: 30px}
p.mod-misja-title {text-align:center; padding-top:15px; margin-top:0px;font-size:30px; font-weight: unset;  }
p.mod-misja-text {padding:0px 90px 30px 90px; text-align: justify;}
 

div.ref_box {border:0px solid red; overflow:hidden; max-width:700px; margin:0 auto}
div.ref {width:100%; max-width:680px; margin:0 auto; border:0px solid green; float:left; height:140px; padding:10px}

div.ref p.tresc {width:100%; border:0px solid red; font-style: italic;}
div.ref p.podpis {text-align:right; border:0px solid red; color:#EEE; margin-top:50px}

div.ref_btn {border:0px solid red; width:80px; clear:left; margin: 0 auto}
div.prev_ref, div.next_ref {border:2px solid #FFF; padding:1px 5px; width:20px; font-size:20px; margin-right:5px; float:left; cursor:pointer}
div.next_ref {text-align:right}
div.prev_ref:hover, div.next_ref:hover {background-color:#555}

div.mod_white {/*! color:#000000; */ border-top:1px solid transparent; border-bottom:1px solid transparent; background-position:center; background-size:cover; background-attachment: fixed; width:100%; /*! height:580px; */}
div.mod_white div.mod_main_tresc {width:100%; max-width:1200px; padding: 20px 0px; margin:0 auto; font-weight: 300; line-height:1.5; height:100%; overflow:none; border:0px solid red; box-sizing: border-box; position:relative;}
#background-video {  width: 100%;
  height:600px;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  
}

 
div.mod_black {color:#FFF; border-top:1px solid transparent; border-bottom:1px solid transparent; background-position:center; background-size:cover; background-attachment: fixed; width:100%;background-color: rgba(0,0,0,0.25);}
div.mod_black ul li {color:#FFF; font-size:24px;}
div.mod_black div.mod_main_tresc {max-width:1200px; padding: 20px 0px; margin:0 auto; font-weight: 300; line-height:1.5; height:100%; overflow:none}


div.mod_main_tresc p.naglowek {color: #red; font-size: 24px; padding: 10px 0px 10px 0px;}


div.mod_left, div.mod_right {width:50%}
div.mod_left img, div.mod_right img {height:320px; border:15px solid #FFF; border-radius:30px}
div.mod_left {float:left}
div.mod_right {float:right;}

div.mod_left li, div.mod_right li {font-size:20px; margin:5px} 

div.start_button a {color:#FFFFFF !important;}
div.start_button {margin:0 auto; width:200px; background-color:#ff6384; text-align:center; color:#FFFFFF !important; padding:20px; border-radius:15px; font-size:18px;margin-top: 40px;margin-bottom: 20px;}
div.start_button:hover {background-color:#ff7394; cursor:pointer}

@media only screen and (min-width: 770px) { 
   table#start_mod {height:500px}
}

@media only screen and (max-width: 770px) {
  div#start_mod {background-size:100%; background-repeat:no-repeat;background-position:top;}
  table#start_mod {border:0px solid red; heig2ht:300px; margin-top:60px }
  table#start_mod img {width:35px; height:74px; margin-top:-25px; }
  div.mod_left, div.mod_right  {width:100%}
  div.mod_left img, div.mod_right img {width:90%; max-widdth:330px; height:auto; border:5px solid white; border-radius:20px; margin-left:10px} 
  
}

@media only screen and (max-height: 700px) and (min-width:770px)  {
  table#start_mod img {width:80px; height:169px; margin-top:-155px}
}

@media only screen and (max-height: 500px) and (min-width:770px) {
  table#start_mod img {width:60px; height:127px; margin-top:-195px}
}

@media only screen and (max-width: 360px) {
  div.box_oferta {width:100%; max-width:100%}
}