.attivita-pagina { padding:30px; color: #F7F6F0; }
.attivita-pagina a { color: #F7F6F0; }
.attivita-pagina h2 { padding-left: calc( 8.33334% + 130px ); text-transform: none;  }
.attivita-pagina .elenco-attivita { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));  grid-column-gap: 16px;  }
.attivita-pagina .elenco-attivita article { position:relative; margin-bottom: 16px;}
.attivita-pagina .elenco-attivita figure {border-radius: 20px; background-color: #000; }
.attivita-pagina .elenco-attivita img { width:100%; height: auto; border-radius: 20px; opacity: .8; transition: opacity .3s;  }
.attivita-pagina .elenco-attivita .alpaca { position: absolute; left: 20px; bottom:0px; font-size: 40px; line-height: 1em; width:calc( 100% - 40px ); }
.attivita-pagina .elenco-attivita a:hover img { opacity:1; }
.attivita-pagina .elenco-attivita .category {text-align: center; }

.attivita-pagina a, .attivita-pagina figure { height:100%; }
.attivita-pagina .elenco-attivita img { width:100%; height: 100%; object-fit: cover; object-position:center; }
.attivita-pagina .elenco-attivita article.category img { height:auto;}




@media screen and ( max-width:1800px){
    .attivita-pagina h2 {padding-left: calc( 8.33334% + 70px ); }
}
        @media screen and ( max-width:1380px){

.attivita-pagina .elenco-attivita { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home .elenco-attivita article:nth-child(6), .home .elenco-attivita article:nth-child(7) { display:none; }
}


@media screen and ( max-width:1024px){
    .attivita-pagina .elenco-attivita .alpaca { font-size: 28px;}
    .attivita-pagina h2 { padding: 0px; }
}

@media screen and ( max-width:768px){
    .attivita-pagina .elenco-attivita { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home .elenco-attivita article:nth-child(6){ display:block; }
.attivita-pagina .elenco-attivita article figure { aspect-ratio: 16 / 9;}
.attivita-pagina .elenco-attivita .category img { display:none; width:100%;}
.attivita-pagina .elenco-attivita .category {  grid-column: span 2; }
.strutture-pagina p a {margin-left: 50px;}
}

@media screen and ( max-width:500px){


.attivita-pagina .elenco-attivita, .home .elenco-attivita article:nth-child(6), .home .elenco-attivita article:nth-child(7) { display: block; }
.attivita-pagina { padding:20px;}
}