@import url('../default/style.css?ver=2');

h1 {padding-top:0;}
h2 {}
.columns-container p {font-size:18px}
.zebra-line.onas{background: #fff url(../default/images/bg3.jpg) repeat-x 50% 0;}
.zebra-line.opis{background: #F8FCFF}
.zebra-line.blog{background: #fff url(../default/images/bg2.jpg) repeat-x 50% 0;  background-attachment: fixed;  text-align: center;}
.zebra-line.zalety ul{display:flex;padding: 0 40px;    justify-content: center;    flex-wrap: wrap;}
.zebra-line.zalety ul li{width:calc(100% / 8);background:none transparent !important;    text-align: center;    perspective: 100vw;}
.zebra-line.zalety ul li p{text-align: center;font-weight: 500;font-size: 14px;line-height: 160%;text-transform: uppercase;text-align: center;color: var(--color1);}
.zebra-line.zalety ul li:hover p{color:#558bb9}
.zebra-line.zalety ul li:hover img{    transform:scale(1.2) translateY(-10px) rotateX(26deg)}


@media (max-width: 1100px) {
.zebra-line.zalety ul li {width: calc(100% / 4);}	
}
@media (max-width: 768px) {
.columns-container .zebra-line:not(.blog) img {margin:10px 0;}
}
@media (max-width: 500px) {
.zebra-line.zalety ul {padding: 0 10px;}	
.zebra-line.zalety ul li {width: 50%;}	
}