*{box-sizing: border-box;}
.proprieta {font-family: Arial, Helvetica, sans-serif;
            color: #18654e ;font-size: 15px;
            }
/*classe per immagini responsive*/    
.responsive {max-width: 100%;height: auto;}
/*classe per centrare tabelle*/
.center {
       margin-left: auto; 
       margin-right: auto;
       padding: 50px;
     }
       /*classe stule tabelle*/
.table, th, td {
      padding: 15px;
    } 
.articoli {
          font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Thoma', sans-serif;
          font-size: 20px;
          width: 80%;
          text-align: left;
          }   
.titoli   {
          font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Thoma', sans-serif;
          font-size: 20px;
          }             
          

       /*clase aperetura pagina con testo verso l'alto e opacità*/
.animate_up {
            position: relative;
            animation-name: example;
            animation-duration: 1s;  
            animation-fill-mode: both;
            }
      
@keyframes example {
            from {top: 100px;opacity: 0.2;}
            to {top: 0px;opacity: 1;}
            }    
            /*classe div box pagine contenuti*/  
.box{   background-color: white; 
        width: 100%;
        margin: auto; float: left;
        border: 0px solid red;}  
.box_1{ background-color: white; 
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Thoma', sans-serif;
        font-size: 20px;
        text-align: left;
        width: 70%; 
        float: left;
        height: auto;
        border: 0px solid rgb(33, 121, 204); 
        padding: 30px; }
.box_2{ background-color: white;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Thoma', sans-serif;
        font-size: 20px;
        width: 30%; 
        text-align: center;
        float: left;
        height: auto;
        border: 0px solid rgb(0, 0, 0); 
        padding: 10px; }
        /*classi per allineamento testo*/
.centro {text-align: center;} 
.sinistra {text-align: left;}   
.destro {text-align: right;}       

/* Se la dimensione dello schermo è di 600px di larghezza o inferiore, nascondi l'elemento*/
@media screen and (max-width: 320px) {
  div.example {
    display: none;
  }
}