.produkty{
display: flex;
flex-wrap: wrap;
}

.produkty .produktP{
width: 33.333%;
}
.produkty .produktP>a{
display: block;
position: relative;
overflow: hidden;
}
.produkty .produktP>a img{
width: 100%;
height: auto;
position: relative;
z-index: 0;
}
.produkty .produktP>a .infoP{
position: absolute;
width: 100%;
height: 100%;
display: block;
top:0px;
left: 0px;
padding: 34px 31px;
box-sizing: border-box;
display: flex;
transition: all 0.5s ease-out 0s;
top:100%
}
.produkty .produktP>a:hover .infoP{
top:0;
}


.produkty .produktP>a .infoP .info{
background-color: rgba(0,0,0,0.6);
display: flex;
height: 100%;
width: 100%;
color: #FFFFFF;
flex-wrap: wrap;
align-content: flex-end;
box-sizing: border-box;
padding: 20px;
}

.produkty .produktP>a .infoP .info .title{
font-family: 'Montserrat', sans-serif;
font-size: 33px;
font-weight: 500;
display: block;
margin-bottom: 20px;
width: 100%;
}

.produkty .produktP>a .infoP .info .zajawka{
font-size: 16px;
font-weight: 400;
display: block;
line-height: 1.7em;
}

.produkty .produktP>a .infoP .info .pFoot{
padding: 20px 0px 0px 0px;
display: block;
}
.produkty .produktP>a .infoP .info .pFoot>span{
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
}
.produkty .produktP>a .infoP .info .pFoot>span:before{
content: "";
width: 17px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 12px;
background-color: red;
}

.produkty .produktP>a .infoP .info .pFoot>span.klient:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAABHNCSVQICAgIfAhkiAAAAM1JREFUOI2lk2EVgjAUhe9IQAQi0EAj0EAj0EQiYAJsICbQBtBAGnz+YJyjY2OA99/O3ve2vXsnOQIyoAHejOqAi1vnFfDCryoGFgEQALc+cdZ5pPlxCd4kFx4i9X1wB8gXnhxrLAFtAC7XwKnHrtpXa0INNE4+l9RK6o0xs2snX8AZuFs/n5IOkpB0ktTZxDWuXUupCqmawHIjOClLJBXRKfpVJJKynXBm7ID26PF3tq872TE41uPbigkPQI31epYwIJeUek7qjTE/v+oDenNwu+ZlRG8AAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.produkty .produktP>a .infoP .info .pFoot>span.miejsce:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAABHNCSVQICAgIfAhkiAAAALVJREFUKJGFkkEVwjAQRPdVQSRUQh1QB0gACTigEuoAHBQH1AGVUAlBwedAA0O6NHPal52fbCYxWwQE4Aw8+GoADpYLaDJjrgEIuvOWOemSgE4WI9DKyV0GNQZMstA6416l35viq8u9gVYsY2VmT88oClLPlZmNOrMDnKSeDDjmaQA7YA/cs16dYo2lTIHPJF58nn4TBOYNc1+KTxVJ38KB+uIoDqQv78W8AsJyn1vRLFD9r/cCoE+9lfK/CnwAAAAASUVORK5CYII=') 50% 50% no-repeat;
}
.produkty .produktP>a .infoP .info .pFoot>span.pow:before{
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAKxJREFUOI3tlNENwjAMRO8Q/3SEjtARMkpGYARG6AYwAhuQEboBjFAmeHzgokogmv4iTops2fLZji6RJAEdcFYFgAOQPyVG1iNN9duw+9lZQpYk2wVItst8mrZynTbsKSbKG2AAkHSt2UHSEWgkDcF7cyTus+A3dJJ2th13crFtRYOyVB0rlGgqIE3+pqZ4CX+SnyMJ6ffh95NiR9UrtgnFZj0fbHqpcAXe/p0HNJrzegJXj+sAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

@media screen and (max-width:1500px){
.produkty .produktP > a .infoP .info .title {font-size: 25px;margin-bottom: 10px;}
.produkty .produktP > a .infoP .info .zajawka {line-height: 1.5em;font-size: 15px;}
.produkty .produktP > a .infoP .info .pFoot > span{font-size: 15px;margin-bottom: 6px;}
.produkty .produktP > a .infoP .info .zajawka {overflow: hidden;max-height: 70px;}
}
@media screen and (max-width:1300px){
.produkty .produktP > a .infoP {padding: 15px;}
}
@media screen and (max-width:1170px){
.produkty .produktP {width: 50%;}
}
@media screen and (max-width:820px){
.produkty .produktP {width: 100%;margin-bottom: 30px;}
.produkty .produktP > a{display: grid;
grid-template-columns: 1fr 1fr;
background-color: #FFFFFF;
}
.produkty .produktP > a .infoP .info {align-content: flex-start;background-color: transparent;color: #262626;padding-top: 10px;}
.produkty .produktP > a .infoP {position: static;padding: 0px;}

.produkty .produktP > a .infoP .info .pFoot > span::before {filter: brightness(0%);}


}
@media screen and (max-width:530px){
.produkty .produktP > a {grid-template-columns: 1fr;
grid-template-rows: 1fr;

}
.produkty .produktP > a img {}

}