.offers.catArticle{
gap: 40px 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.offers.catArticle a{
display: block;
background: #FFFFFF;
text-align: center;
justify-content: center;
color: var(--g4-color);
font-family: var(--gfont2-family);
font-weight: 700;
font-size: 32px;
padding: 6px;
position: relative;
transition: all 0.5s;
width: calc(33.333333% - 40px);
}
.offers.catArticle a:hover{
box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.offers.catArticle a .tytulArticle{
align-items: center;
display: flex;
height: 100%;
justify-content: center;
padding: 25px 15px;
box-sizing: border-box;
position: relative;
min-height: 130px;
}
.offers.catArticle a .tytulArticle:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 2px solid var(--g1-color);
transition: all 0.5s;
}
.offers.catArticle a:hover .tytulArticle:after{
width: calc(100% + 3px);
height: calc(100% + 3px);
top: -3px;
left: -3px;
}

.offers.catArticle .imgP img{
max-width: 100%;
height: auto;
}
@media screen and (max-width:1200px){
.offers.catArticle{padding: 40px 0 30px}
}
@media screen and (max-width:1060px){
 .offers.catArticle a{font-size: 25px}
 .offers.catArticle{gap: 20px 20px;}
 .offers.catArticle a{width: calc((100% - 80px) / 3);}
 .offers.catArticle a .tytulArticle{min-height: unset;padding: 15px}
}
@media screen and (max-width:800px){
 .offers.catArticle a{width: calc((100% - 60px) / 2);}
 .offers.catArticle a{font-size: 20px}
}