/* DIARIO */
.body-post { width: 60%; margin: 0 auto; height:  auto !important; }
.titolo-pagina { color: #000; font-size: 40px; margin: 50px auto; width: 100%; text-align: center }
.descrizione-pagina { color: #000; font-size: 20px; margin: 30px auto; width: 100%; text-align: left; line-height: 1.4; }
.center { text-align: center }
.riga { width: 100%; display: inline-block; margin: 30px auto; }
.post { width: 20%; float: left; margin-right: 10%; color: #000; text-align: center; }
.primo-post { margin-left: 10%; }
.post img { width: 100%; margin: 5px auto; border-bottom: 3px solid #6c4675 }
.post .titolo { width: 100%; margin: 5px auto; font-weight: bold; }
.post .riga-separatrice-testo { width: 100%; margin: 10px auto; }
.post .descrizione-breve { width: 100%; margin: 15px auto; }
.bottone { color: #6c4675; background-color: #fff; border: 2px solid #6c4675; /*width: 80%;*/ font-size: 20px; padding: 2% 4%; text-decoration: none; border-radius: 5px; font-weight: bold; }
.bottone .riga-bottone { height: 100%; border-right: 2px solid #6c4675; margin: 0px 10px }
.bottone:hover { color: #fff; background-color: #6c4675; }
.bottone:hover .riga-bottone { border-color: #fff; }

@media only screen and (max-width: 1039px) { 
    .bottone { font-size: 10px; }
}

@media only screen and (min-width: 1039px) and (max-width: 1383px) { 
    .bottone { font-size: 14px; }
}