.team.catArticle{
display: flex;
flex-wrap: wrap;
justify-content: center;
box-sizing: border-box;
gap: 40px;
}
.team.catArticle a{
display: block;
justify-content: center;
position: relative;
transition: all 0.5s;
width: calc((100% - 120px) / 4);
}
.team.catArticle a .imgP{
margin-bottom: 20px;
position: relative;
}
.team.catArticle a .imgP:after,.team.catArticle a .imgP:before{
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
transition: all 0.5s ease-out 0s;
}

.team.catArticle a .imgP:after{
border: 2px solid var(--g1-color);
transform: rotate(45deg);
}
.team.catArticle a:hover .imgP:after{
background-color: var(--g1-color);
}
.team.catArticle a .imgP:before{
content: "";
font-size: 32px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 4px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI4IDI3Ij4NCiAgPHRleHQgaWQ9Il8iIGRhdGEtbmFtZT0i4p+2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOCAyMikiIGZpbGw9IiNkOWJlNmMiIGZvbnQtc2l6ZT0iMjAiIGZvbnQtZmFtaWx5PSJTZWdvZVVJU3ltYm9sLCBTZWdvZSBVSSBTeW1ib2wiPjx0c3BhbiB4PSItMjcuOTk4IiB5PSIwIj7in7Y8L3RzcGFuPjwvdGV4dD4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}
.team.catArticle a:hover .imgP:before{
filter: brightness(0) invert(1);
z-index: 2;
}

.team.catArticle a .imgP img{
max-width: 100%;
height: auto;
transition: transform 0.5s ease-out 0s;
}
.team.catArticle a:hover .imgP img{
transform: scale(1.1);
}

.team.catArticle a .zajawkaTytul{
color: var(--g4-color);
font-size: 16px;
}

.team.catArticle a .zajawkaTytul .tytulArticle {
font-family: var(--gfont2-family);
font-size: 30px;
font-weight: 700;
padding: 0 10px 0 0;
display: block;
min-height: 76px;
margin-bottom: 20px;
transition: color 0.5s;
}
.team.catArticle a:hover .zajawkaTytul .tytulArticle {
color: var(--g1-color);
}
.team.catArticle a .zajawkaTytul .zajawkaArticle{
line-height: 1.7em;
}
.team.catArticle a .zajawkaTytul .zajawkaArticle p{
margin-bottom: 20px;
}
.team.catArticle a .zajawkaTytul .zajawkaArticle p:first-child{
margin-bottom: 30px !important;
}
@media screen and (max-width:900px){
.team.catArticle a .zajawkaTytul .tytulArticle {font-size: 24px}
.team.catArticle a .zajawkaTytul .zajawkaArticle{font-size: 14px !important;}
.team.catArticle a .zajawkaTytul .zajawkaArticle p:first-child,.div_team .catArticle a .zajawkaTytul .zajawkaArticle p:first-child span{font-size: 17px !important;}

}
@media screen and (max-width:700px){
.team.catArticle a{width: 100%;max-width: 347px}
}