#header-wrapper,
#grupa-wrapper,
#produkty-wrapper,
#czlonkowie-wrapper{
padding-left: 15px;
padding-right: 15px;
}
#grupa-wrapper {
margin-bottom: 50px;
}
#grupa-wrapper > div > div {
font-family: 'montserratmedium';
font-size: 15px;
line-height: 22px;
}
#grupa-wrapper > div p {
font-family: 'montserratregular';
font-size: 15px;
line-height: 22px;
}
#grupa-wrapper > div:nth-child(2) p {
border-left: 2px solid #E0E0E0;
padding-left: 25px;
}
#grupa-wrapper > div ul {
border-left: 2px solid #E0E0E0;
}
#grupa-wrapper > div > div > h3 {
font-family: 'montserratsemibold';
font-size: 18px;
line-height: 22px;
color: #18A16B;
}
#grupa-wrapper > div > div {
display: grid;
grid-template-columns: 35% auto;
}
#grupa-wrapper > div:nth-child(2) > div:last-child {
grid-template-columns: auto;
}
#grupa-wrapper > div:nth-child(2) > div {
background-repeat: no-repeat;
background-position: left 10%;
}
#grupa-wrapper > div:nth-child(2) > div:nth-child(1) {
background-image: url('/img/01.png');
}
#grupa-wrapper > div:nth-child(2) > div:nth-child(2) {
background-image: url('/img/02.png');
}
#grupa-wrapper > div:nth-child(2) > div:nth-child(3) {
background-image: url('/img/03.png');
}
#grupa-wrapper > div > div > ul > li {
position: relative;
margin-bottom: 15px;
}
#grupa-wrapper > div > div > ul > li::before {
content: ' ';
background-image: url('/img/checked.svg');
background-size: 17px 15px;
position: absolute;
width: 17px;
height: 15px;
left: -25px;
top: 3px;
}
#produkty-wrapper{
margin-bottom: 50px;
}
#produkty-wrapper ul {
list-style: inside;
}
#produkty-wrapper li {
font-family: 'montserratregular';
font-size: 1.5rem;
line-height: 25px;
flex: 0 1 50%;
}
#czlonkowie-wrapper {
background: url('/img/czlonkowie-tlo.png') no-repeat 95% 10%, linear-gradient(180deg, rgba(24,161,107,1) 0%, rgba(24,161,107,1) 25%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
margin-bottom: 170px;
padding-top: 30px;
}
#czlonkowie-wrapper > div:nth-child(1) > h2 {
color: #fff;
text-align: center;
}
#czlonkowie-wrapper > div:nth-child(1) > p {
font-family: 'montserratregular';
font-size: 15px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
max-width: 80%;
margin: 0 auto;
}
#czlonkowie-wrapper > div:nth-child(2) > div {
text-align: center;
background-color: #F9F9F9;
}
#czlonkowie-wrapper > div:nth-child(2) > div > img {
width: 100%;
}
#czlonkowie-wrapper h3 {
font-family: 'montserratmedium';
font-size: 26px;
line-height: 32px;
color: #18A16B;
}
#czlonkowie-wrapper > div:nth-child(2) p {
font-family: 'montserratregular';
font-size: 13px;
line-height: 22px;
}
#czlonkowie-wrapper > div:nth-child(1) > p:nth-child(2) {
margin-bottom: 50px;
}
#footer-wrapper h4 {
font-family: 'montserratbold';
font-size: 15px;
line-height: 18px;
position: relative;
}
#footer-wrapper p {
font-family: 'montserratmedium';
font-size: 15px;
line-height: 22px;
}
#footer-wrapper > div:nth-child(3) > p:nth-child(2),
#footer-wrapper > div:nth-child(4) > p:nth-child(2) {
padding-left: 25px;
position: relative;
}
#footer-wrapper > div:nth-child(3) > p:nth-child(2)::before{
position: absolute;
content: ' ';
background-image: url('/img/phone.png');
top: -1px;
left: -1px;
height: 23px;
width: 23px;
}
#footer-wrapper > div:nth-child(4) > p:nth-child(2)::before{
position: absolute;
content: ' ';
background-image: url('/img/mail.png');
top: -1px;
left: -1px;
height: 23px;
width: 23px;
}
hr {
color: #EDEDED;
}
#program-wrapper > p {
font-family: 'montserratregular';
font-size: 11px;
line-height: 15px;
color: #858585;
}
footer {
padding: 15px;
}
#footer-wrapper > img:nth-child(1) {
display: none;
}
footer h4::before {
content: ' ';
background-image: url('/img/linia.svg');
position: absolute;
width: 29px;
height: 2px;
top: -12px;
left: 0;
}