header {background: url(../img/slider.png) center center no-repeat;}

/* fala */
#fala {background:url('../img/fala_sr.svg') no-repeat top center;display: block;height:440px;margin-top:150px;padding-top:120px;position: relative;z-index: 10;}
#fala .flexin{padding-top: 40px;display: flex;height: 220px;align-items: center;}
#fala .misja{line-height: 35px;font-size: 24px;font-weight: normal;color: #fff;text-align: justify;}
/* teksty */
#teksty{padding: 150px 0 30px;margin-top: -150px;background: #fff;}
#teksty .tytul{font-size: 24px;line-height: 35px;color: #003E7E; text-transform: uppercase;border-bottom: 1px solid #ED1878;display:inline-block;font-weight: normal;margin-bottom: 20px;}
#teksty h1.tytul{font-weight: bold;}
#teksty .tekst, #teksty .tekst1{font-size: 13px;color: #404041;line-height: 19px;margin-bottom: 30px;text-align: justify;}
#teksty .tekst h5, #teksty .tekst1 h5{color: #003E7E;font-weight: 500;font-size: 13px;}
#teksty .tytul-dzialalnosci{font-weight: 500;line-height: 26px;font-size: 18px;color: #ED1878;text-transform: uppercase;margin-bottom: 20px;}
#teksty ul{margin-top: 20px;padding-left: 20px;}
#teksty ul li{list-style-image: url('../img/punktor.svg');}
#teksty ul li a{font-size: 13px;line-height: 19px;text-align: justify;color: #003E7E;transition: all 0.3s ease;}
#teksty ul li a:hover{color: #ED1878;}
#teksty .button{text-transform: uppercase;margin-bottom:10px;}
#teksty .zdjecie1{margin-bottom: 25px;}
#teksty .zdjecie1 img, #teksty .zdjecie2 img{width: 100%;}
/* media queries */
@media screen and (max-width: 1199px){
  #teksty .tekst1 ul{min-height: 150px;}
}
@media screen and (max-width: 991px){
  #fala .misja{margin-top: 35px;font-size: 20px;}
  #teksty .tytul-dzialalnosci{font-size: 17px;text-align: justify;}
  #teksty .zdjecie1{margin-right: 30px;margin-bottom: 0;}
  #teksty .zdjecie1, #teksty .zdjecie2 {width: 47.5%;float: left;}
  #teksty .tekst1 ul{min-height: 200px;}
}
@media screen and (max-width: 767px){
  #fala{margin-top: -150px;}
  #fala .misja{margin-top: 20px;font-size: 18px;line-height: 30px;text-align: left;}
  #teksty .zdjecie1, #teksty .zdjecie2 {width: 47%;}
  #teksty .tekst1 ul{min-height: 150px;}
}
@media screen and (max-width: 575px){
  #teksty{margin-top: -120px;}
  #teksty .tytul{width: 290px;font-size: 22px;text-align: center;margin-bottom: 30px;}
  #teksty .tytul-dzialalnosci{text-align: center;}
  #teksty .zdjecie1, #teksty .zdjecie2 {width: 44.75%;}
  #fala .misja{font-size: 16px;line-height: 25px;}
  #teksty .tekst p img{width: 100%;}
}
@media screen and (max-width: 340px){
  #fala .misja{font-size: 14px;}
}