.boxNews{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 40px 40px;
}
.boxNews .newsA{
display: block;
position: relative;
box-sizing: border-box;
}
.boxNews .newsA .imgP{
display: block;
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.boxNews .newsA .imgP img{
max-width: 100%;
height: auto;
transition: transform 0.5s ease-out 0s;z-index: 2;
}
.boxNews .newsA:hover .imgP img{
transform: scale(1.1);
}
.boxNews .newsA .zajawkaTytul{
display: block;box-sizing:border-box;
}
.boxNews .newsA .zajawkaTytul .tytulNews{
display: block;font-size: 24px;font-weight: 700;line-height: 1.2;
font-family: var(--gfont2-family);
color: var(--g4-color);position: relative;
margin-bottom: 30px;
transition: color 0.5s;
}
.boxNews .newsA:hover .zajawkaTytul .tytulNews{
color: var(--g1-color);
}

.boxNews .newsA .zajawkaTytul .zajawkaNews{
font-size: 16px;font-weight: 400;font-style: normal;font-stretch: normal;line-height: 1.7;letter-spacing: normal;color: var(--g4-color);
}
.boxNews .newsA .more {
display: inline-block;
transition: all 0.5s ease;
font-size: 14px;
text-transform: uppercase;
position: relative;
border-radius: 4px;
font-weight: 600;
color: #3A3A3C;
margin-top: 17px;
}

.boxNews .newsA .more:hover {
color: var(--g1-color);
}
.boxNews .newsA .more::after {
content: "⟶";
display: inline-block;
margin-left: 23px;
font-size: 32px;
vertical-align: middle;
color: var(--g1-color);
margin-bottom: 9px;
}
@media screen and (max-width:1200px){
.boxNews{grid-template-columns: 1fr 1fr;
grid-gap: 20px 20px;}
}
@media screen and (max-width:520px){
.boxNews{grid-template-columns: 1fr;}
}