button.lettera { cursor: pointer; margin: 0px; padding: 0px; border:none; background-color: transparent; text-align:left; font-size:50px; line-height:50px; color: #fff; text-transform: lowercase; letter-spacing: 0.025em; }
button.lettera .lettera-big {font-size:150px; text-transform: uppercase; }
#indice .riga { min-height:150px; border-bottom:1px solid #fff; width:100%; margin-bottom:100px;}
#indice .contenuti { padding-top:40px; padding-bottom:40px;}
#indice .contenuti a { margin-top:20px; display:inline-block;  }
button.lettera.collapsed .descrizione { opacity: 0; transition: opacity .2s;}
button.lettera:hover .descrizione, button.lettera .descrizione { opacity: 1; }
#indice .contenuti .elenco { font-size:16px; line-height: 20px; text-transform: uppercase; }
#indice .contenuti .elenco ul { margin: 0px; padding-left:20px; }
#indice .contenuti .elenco ul li { margin-bottom:5px; }

@media (max-width:768px){
button.lettera .lettera-big { font-size:100px !important;}
button.lettera { font-size:30px !important;}
#indice .contenuti .elenco { margin-top: 30px; }
}

@media (max-width:500px){
button.lettera .lettera-big { font-size:50px !important;}
button.lettera { font-size:23px !important;}
#indice .contenuti .elenco { margin-top: 30px; }
#indice .riga { min-height:100px; margin-bottom:30px; }
.riga .indice{ padding:0px;}
#indice .contenuti a { font-size:15px !important;  }
button.lettera.collapsed .descrizione { opacity:1;  }
}