.ba-dlaczego-warto {
position: relative;
z-index: 3;
width: calc(100vw - 8px);
margin-left: -50vw;
left: 50%;
}
.ba-dlaczego-warto svg {
width: 100%;
position: absolute;
z-index: -1;
top: 30px;
}
@media only screen and (max-width: 998px) {
.ba-dlaczego-warto .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 998px) {
.ba-dlaczego-warto .row .col {
width: 50%;
-webkit-transform: translate(0, 0px) !important;
transform: translate(0, 0px) !important;
}
}
@media only screen and (max-width: 460px) {
.ba-dlaczego-warto .row .col {
width: 100%;
-webkit-transform: translate(0, 0px);
transform: translate(0, 0px);
}
}
.ba-dlaczego-warto .row .col:nth-child(4) .img {
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(4) .img img {
border: 1px dashed #f36f21;
border-radius: 100%;
width: 200px;
height: 200px;
padding: 5px;
}
.ba-dlaczego-warto .row .col:nth-child(2) .img {
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(2) .img img {
border-radius: 100%;
width: 200px;
height: 200px;
border: 1px dashed red;
padding: 5px;
}
.ba-dlaczego-warto .row .col:nth-child(1) .img {
position: relative;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(1) .img img {
width: 200px;
height: auto;
position: absolute;
border: 1px dashed #ff6fb1;
padding: 5px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
}
.ba-dlaczego-warto .row .col:nth-child(3) .img {
position: relative;
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
height: 220px;
}
.ba-dlaczego-warto .row .col:nth-child(3) .img img {
border: 1px dashed #af1f8e;
padding: 5px;
width: 180px;
height: auto;
}
.ba-dlaczego-warto .wrap {
text-align: center;
padding: 20px;
}
.ba-dlaczego-warto .wrap .img {
width: 200px;
height: 200px;
margin: 0 auto;
margin-bottom: 30px;
}
.two_col {
width: 100%;
left: 0;
margin-left: 0;
}
.two_col .row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.two_col .row .col {
width: 50%;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
@media only screen and (max-width: 460px) {
.two_col .row .col {
width: 100%;
}
}