.box_wydarzenia{

}
.div_wydarzenia{
width:1670px;max-width:100%;margin:0px auto;box-sizing:border-box;padding:50px 15px;
}
.div_wydarzenia .contentNews{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 40px 40px;
}
.div_wydarzenia .contentNews a{
display: block;
}
.div_wydarzenia .contentNews .spImg{
display:block;margin-bottom:20px;position:relative;z-index:0;overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.div_wydarzenia .contentNews .spImg:after{
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px;
background-color: rgba(0,0,0,0.55);
z-index: 2;
opacity: 0;
transition:all 0.5s ease-out 0s;
}
.div_wydarzenia .contentNews .spImg:before{
content: "Przeczytaj";
display: inline-block;
position: absolute;
z-index: 3;
border: 3px solid #FFFFFF;
color: #FFFFFF;
font-size: 20px;
padding: 20px 50px;
font-weight: 800;
border-radius: 50px;
text-transform: uppercase;
opacity: 0;
transition:all 0.5s ease-out 0s;
}
.div_wydarzenia .contentNews a:hover .spImg:after{
opacity: 1;
}
.div_wydarzenia .contentNews a:hover .spImg:before{
opacity: 1;
}


.div_wydarzenia .contentNews .spImg img{
width: 100%;
height: auto;
transition:all 0.5s ease-out 0s;
position: relative;
z-index: 1;
}
.div_wydarzenia .contentNews .spTxt{
font-size:24px;font-weight:700;color:#000000;line-height:1.2;display:block;text-transform:uppercase;transition:all 0.5s ease-out 0s;
margin-bottom: 30px;
}
.div_wydarzenia .contentNews .zajawka{
font-size: 18px;
font-weight: 400;
color: #000000;
}
.div_wydarzenia .contentNews a:hover .spImg img{transform:scale(1.1);}
.div_wydarzenia .contentNews a:hover .spTxt{color:var(--g1-color);}

.footNews{text-align:center;padding:50px 0px 0px 0px;}

@media screen and (max-width:1200px){
.div_wydarzenia{
padding: 30px 15px;
}
.div_wydarzenia .contentNews .spTxt{font-size: 18px;margin-bottom: 15px}
.div_wydarzenia .contentNews .zajawka{font-size: 16px}
.div_wydarzenia .contentNews{grid-gap: 20px 20px}
.div_wydarzenia .contentNews .spImg::before {
font-size: 16px;
padding: 10px 30px;
}
}

@media screen and (max-width:1130px){
.div_wydarzenia .contentNews{grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:560px){
.div_wydarzenia .contentNews{
grid-template-columns: 1fr;
}
}