.contentRight{
/*
transition: all 0.5s ease-out 0s;
position: sticky;
top:140px;
height: 80vh;
*/
}

.addBox{
margin-bottom: 60px;

}
.addBox .aBox{
display: block;
}

.addBox .titleBox{
font-size: 30px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 40px;
border-left: 6px solid var(--g1-color);
padding: 0px 14px;
box-sizing: border-box;
}
.addBox .contentBox{

}
.addBox .boxImg{
margin-bottom: 25px;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.addBox .boxImg: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;
}
.addBox .boxImg: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;
}

.addBox.addBoxVideo .boxImg:before{
content: "Obejrzyj";
}

.addBox a:hover .boxImg:before {
opacity: 1;
}
.addBox a:hover .boxImg:after {
opacity: 1;
}
.addBox .boxImg img{
width: 100%;
height: auto;
}
.addBox .boxTitle{
font-size: 24px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
color: #000000;
}
.addBox .zajawka{
padding-top: 30px;
color: #000000;
font-size: 18px;
font-weight: 400;
}
.contentRight{
flex: 1 0 480px;
}

@media screen and (max-width:1550px){
.contentRight{flex: 1 0 380px;}
}

@media screen and (max-width:1200px){
.addBox .titleBox{
font-size: 18px;
margin-bottom: 20px;
}
.addBox .boxTitle{
font-size: 17px;
margin-bottom: 10px;
}
.addBox .zajawka{
padding-top: 10px;
line-height: 1.4em;
}

.contentRight{flex: 1 0 280px;}
}