body {margin: 15px auto 0;max-width: 100vw;}
header,#grupa-wrapper,#produkty-wrapper,#czlonkowie-wrapper > div:nth-child(2),#footer-wrapper,#program-wrapper,hr {
max-width: 1366px;margin-left: auto;margin-right: auto;
}
#header-wrapper {display: grid;grid-template-columns: 25% auto 25%;align-items: center;margin-bottom: 30px;}
#header-wrapper > ul {display: grid;grid-template-columns: repeat(4,1fr);justify-items: center;}
#header-wrapper > img:nth-child(3) {justify-self: end;}
#header-wrapper > ul > li > a {
font-family: 'montserratmedium';
font-size: 1.8rem;
line-height: 2.2rem;
letter-spacing: 0em;
}
.grey-bg {
background-color:#F9F9F9;
}
#traktor-wrapper {
display: grid;
grid-template-columns: 50% auto;
margin-bottom: 150px;
}
#traktor-wrapper p {
font-family: 'montserratmedium';
font-size: 16px;
line-height: 20px;
}
#traktor-wrapper > picture {
justify-self: end;
}
h1 {
font-family: 'montserratsemibold';
font-size: 48px;
line-height: 59px;
color: #18A26B;
}
h2 {
font-family: 'montserratbold';
font-size: 40px;
line-height: 49px;
color: #000000;
}
#traktor-wrapper button {
width: 306px;
height: 55px;
background: #0991CE;
color: #fff;
font-family: 'montserratsemibold';
font-size: 16px;
line-height: 20px;
position: relative;
border:  0;
margin-top: 30px;
}
#traktor-wrapper > div:nth-child(1) {
padding: 75px;
}
#traktor-wrapper button::before {
content: ' ';
background-image: url('/img/lisc.svg');
width: 17px;
height: 24px;
position: absolute;
left: 30px;
}
#grupa-wrapper {
display: flex;
gap: 10rem;
margin-bottom: 150px;
}
#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:nth-child(1) > h2:nth-child(1) {
padding-right: 18%;
}
#grupa-wrapper > div:nth-child(1) > p:nth-child(2) {
padding-right: 19%;
}
#grupa-wrapper > div > div {
margin-bottom: 40px;
}
#grupa-wrapper > div:nth-child(1) > h2:nth-child(1) {
margin-top: 13px;
}
#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;
padding-left: 15px;
}
#grupa-wrapper > div {
flex: 0.6 1 0;
}
#grupa-wrapper > div:nth-child(2) {
flex: 1 1 0;
}
#grupa-wrapper > div > div {
display: grid;
grid-template-columns: 20% 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: 120px;
display: grid;
grid-template-columns: 43% 1fr 1fr;
}
#produkty-wrapper > h2:nth-child(1) {
margin-bottom: 100px;
grid-column: 1/4;
}
#grupa-wrapper > div:nth-child(2) > div:nth-child(3) > ul:nth-child(2) {
padding-left: 50px;
}
#produkty-wrapper ul {
list-style: inside;
}
#produkty-wrapper li {
font-family: 'montserratregular';
font-size: 1.5rem;
line-height: 25px;
flex: 0 1 33%;
}
#czlonkowie-wrapper {
background: url('/img/czlonkowie-tlo.png') no-repeat 75% 3%, linear-gradient(180deg, rgba(24,161,107,1) 0%, rgba(24,161,107,1) 30%, rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
margin-bottom: 170px;
padding-top: 79px;
}
#czlonkowie-wrapper > div:nth-child(1) > h2 {
color: #fff;
text-align: center;
}
#czlonkowie-wrapper > div:nth-child(1) > h2::before {
background-image: url('/img/linia-biala.svg');
left: 46%;
}
#czlonkowie-wrapper > div:nth-child(1) > p {
font-family: 'montserratregular';
font-size: 15px;
line-height: 22px;
text-align: center;
color: #FFFFFF;
max-width: 50%;
margin: 0 auto;
}
#czlonkowie-wrapper > div:nth-child(2) {
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 2rem;
padding: 0 25px;
}
#czlonkowie-wrapper > div:nth-child(2) > div {
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: 80px;
}
#czlonkowie-wrapper > div:nth-child(2) > div > h3:nth-child(2) {
padding-top: 46px;
padding-left: 38px;
}
#czlonkowie-wrapper > div:nth-child(2) > div > p:nth-child(3) {
padding-left: 38px;
padding-right: 38px;
padding-bottom: 46px;
}
#footer-wrapper {
display: grid;
grid-template-columns: 15% repeat(3,1fr);
padding-top: 59px;
padding-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 {
display: flex;
align-items: center;
}
#program-wrapper > p {
font-family: 'montserratregular';
font-size: 11px;
line-height: 15px;
color: #858585;
}
footer h4::before {
content: ' ';
background-image: url('/img/linia.svg');
position: absolute;
width: 29px;
height: 2px;
top: -12px;
left: 0;
}
@media screen and (max-width: 1366px) {
#header-wrapper,
#traktor-wrapper,
#grupa-wrapper,
#produkty-wrapper,
#czlonkowie-wrapper,
#footer-wrapper,
#program-wrapper 	{
padding-left: 15px;
padding-right: 15px;
}
}