.boxNews{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 60px;
}

.boxNews .newsA {
position: relative;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
overflow: hidden;
display: flex;
flex-direction: column;
background: linear-gradient(to bottom, rgba(56,102,65,1) 0%,rgba(106,153,78,1) 100%);
box-shadow: 0 3px 15px rgba(37, 146, 189, 0.2);
height: 100%;
}
.boxNews .newsA .imgP{display: block;
position: relative;
overflow: hidden;
margin: 0;
}
.boxNews .newsA .imgP img{max-width: 100%;height: auto;transition: all 0.5s ease-out 0s;z-index: 2;}
.boxNews .newsA:hover .imgP img{transform: scale(1.1);}
.boxNews .newsA .imgP .tytulNews{display: block;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 3;font-weight: 900;font-size: 21px;color: #FFFFFF;text-transform: uppercase;text-shadow: 0 3px 6px rgba(0,0,0,0.4);padding: 0 20px 30px;box-sizing: border-box;}
.boxNews .newsA .zajawkaTytul{display: block;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
padding: 0 0 0 30px;
margin-top: -90px;
flex: 1;}

.boxNews .newsA .zajawkaTytul .zajawka {
background-color: #FFFFFF;
position: relative;
z-index: 1;
height: 100%;
padding: 30px 30px 105px 30px;
box-sizing: border-box;
}

.boxNews .newsA .zajawkaTytul .tytulNews{display: block;font-size: 20px;font-weight: 600;line-height: 1.2;color:#333336;margin: 0 0 20px 0;position: relative;transition: all 0.5s ease-out 0s;min-height: 60px;padding-bottom: 10px}
.boxNews .newsA .zajawkaTytul .tytulNews:after{
content: "";
position: absolute;
width: 72px;
height: 3px;
background-color: #BC4749;
bottom: 0;
left: 0;
}

.boxNews .newsA .zajawkaNews{font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;color: var(--g1-color);}

.boxNews .newsA .more {display:inline-block;transition:all 0.5s ease;
border:1px solid rgba(56,102,65,0.3);color:var(--g1-color);font-size:18px;padding:10px 30px;font-weight:400;position: absolute;bottom: 25px;right: 30px;}
.boxNews .newsA .more:hover {
background-color: var(--g1-color);
color: #FFFFFF;
}

@media screen and (max-width:1200px){
.boxNews{grid-gap: 20px 20px}
}
@media screen and (max-width:860px){
.boxNews{grid-template-columns:1fr 1fr}
}
@media screen and (max-width:540px){
.boxNews{grid-template-columns: 1fr}
}