div.box_oferta {border:1px solid #FFF; float:left; width:378px; text-align:center; background-color:#2892c1; color:#FFF; margin:6px; display:flex; align-items:center ;position:relative}
div.box_oferta img {width:100%; }
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:#A7DCCD; text-shadow:unset; color:#FFF}
// div.filter:hover p {background-color:unset; color:#444}

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_black {color:#FFF; border-top:1px solid transparent; border-bottom:1px solid transparent; background-position:center; background-size:cover; background-attachment: fixed; width:100%}
div.mod_white {color:#000; border-top:1px solid transparent; border-bottom:1px solid transparent; background-position:center; background-size:cover; background-attachment: fixed; width:100%;}
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;}

@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; }
}

@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%}
}