/* TOPIC */
.topic .items-topic { position: relative; overflow: hidden; padding-bottom: 100%; background-size: cover;}
.topic .items-topic img { width: 100%;}
.topic .items-topic::before { content: ''; background: rgba(0, 0, 0, 0.6); position: absolute; width: 0; height: 200%; top: 50%; left: 50%; opacity: 0;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.topic .items-topic:hover::before { width: 200%; opacity: 1;}
.topic .items-topic .date { width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: all 0.3s;}
.topic .items-topic:hover .date { opacity: 1;}
.topic .items-topic .link { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin: 4px auto;}
.arrow-black { position: absolute; right: -15px; top: 85px;}


@media(min-width:980px) {
    .items-topic  {
        max-width: 204px;
        padding-bottom: 204px !important;
        margin: auto;
    }

    .container{
        padding-left: 100px;
        padding-right: 100px;
    }
    
}