.div_content{

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

.boxNews>a{
display: block;
position: relative;
height: 100%;
padding-bottom: 120px;
box-sizing: border-box;
background-color: #FFFFFF;
transition: all 0.5s ease-out 0s;
border-radius: 10px;
overflow: hidden;
}
.boxNews>a:hover {
box-shadow: 10px 20px 30px 0px rgba(5,84,155,0.3);
}

.boxNews>a .imgP {
display: block;
position: relative;
margin-bottom: 40px;
overflow: hidden;
}

.boxNews>a .imgP:after{
content: "";
position: absolute;
width: 100%;
height: 40%;
display: block;
bottom: -50%;
left:0px;
transition: all 0.5s ease-out 0s;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%);
}

.boxNews>a .imgP:after{
bottom: 0px;
}

.boxNews>a .imgP img {
max-width: 100%;
height: auto;
transition: all 0.5s ease-out 0s;
}
.boxNews>a .zajawkaTytul {
display: block;
box-sizing:border-box;
transition: all 0.5s ease-out 0s;
padding: 0px 16px 0px 40px;
}
.boxNews>a .zajawkaTytul .tytulNews {
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: var(--g1-color);
margin: 0px 0px 15px 0px;
position: relative;
transition: all 0.5s ease-out 0s;
}
.boxNews>a:hover .zajawkaTytul .tytulNews {
color: var(--g2-color);
}

.boxNews>a  .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 .more{
position: absolute;
bottom: 60px;
right: 30px;
display: block;
color: var(--g1-color);
font-family: var(--gfont3-family);
font-weight: 700;
font-size: 16px;
transition: all 0.5s ease-out 0s;
}

.boxNews .more:hover{
color: var(--g2-color);
}

.boxNews .more:after{
content: "east";
font-family: 'Material Icons Outlined';
vertical-align: middle;
display: inline-block;
font-size: 22px;
margin-left: 3px;
}

@media screen and (max-width:1500px){
.boxNews>a  .zajawkaTytul .tytulNews {font-size: 20px;line-height: 1.1em;padding-bottom: 10px;margin-bottom: 15px;}
.boxNews>a  .zajawkaNews {font-size: 16px;}
.boxNews>a  .newsDiv .zajawkaTytul .tytulNews::after {height: 2px;}
.boxNews>a  .newsDiv .moreSp {font-size: 16px;background-size: 25px auto;}
}
@media screen and (max-width:1000px){
.boxNews{grid-template-columns: 1fr 1fr;}
}
@media screen and (max-width:620px){
.boxNews{grid-template-columns: 1fr;}

.boxNews > a .zajawkaTytul{padding: 0px 15px}
}