/* START actus */
.actus .uniformSpacing{
    display: flex;
    flex-direction: column;
    gap: 2.5em;
    padding-top: 5em;
}


.actus .uniformSpacing .listing{
    display: flex;
    flex-wrap: wrap;
    gap: 2.5em;
}

.actus .uniformSpacing .listing .element{
    background: #ECEAE5 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 15px #00000029;
    padding: 1.5em;
    width: calc((100% - 2.5em * 2) / 3);
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}


.actus .uniformSpacing .listing .element .imgContainer{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}

.actus .uniformSpacing .listing .element .imgContainer img{
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.actus .uniformSpacing .listing .element .imgContainer p{
    position: absolute;
    bottom: 1em;
    left: 1em;
    padding: .25em .75em;
}

@media screen and (max-width: 1000px) {
    .actus .uniformSpacing .listing .element{
        width: 100%;
    }

}
/* END actus */