/* Podcast - Per il Sociale */



#tabela .row { transform: translateX(100px); opacity: 0; transition: 150ms; }

#tabela .row.show { transform: translateX(0); opacity: 1; }

.grid { display: flex; align-items: center; padding: 20px; }

.info { padding: 0 30px; width: 90%; }

.icon img { padding: 10px 0; width: 200px; }

#tabela h2 { font-size: 22px; }

.sub-tit { display: block; font-size: 35px; line-height: 45px; }

/* nav {text-align: center} */

#paginazione { display: flex; justify-content: center; margin-top: 30px; }

#paginazione > li{ display: inline-block; text-transform:uppercase; margin:0 13px }

.pagina { font-size: 15px; }

.pagina:hover { font-weight: bold; color: #f00; cursor: pointer; }

.active { font-weight: bold; font-size: 1.3em; color: #f00; }

.clear { clear: both; line-height: 0; height: 0; }

.space { border: solid #ddd; border-width: 1px 0 0; clear: both; height: 0; text-align:center; padding: 0px 0px 20px; }

hr.linea { width: 100%; border-top: 1px solid #eee; margin: 20px 0; }

@media screen and (max-width: 900px) {
	
.grid { display: block; padding: 0; }
	
.info { padding: 0 0 30px; width: 100%; }
	
.icon { widht: 100%; display: block; text-align: center; padding: 20px 0; }
	
}