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

 body {text-align: left;}

 
 intesta {padding: 30px 15px;}


 .contenuto-centrale { display: block; 
                       width: 100%;}

  
  .sommario { width: 96%; 
              padding: 4% 2%; 
              border-right: none;
              border-bottom: 1px solid #BDC3C7;}

 
  .principale { width: 94%;
                padding: 3%; }


  .container { width: 92%; 
               margin: 15px auto;
               padding: 4%; 
               font-size: 15px; }

 
  
  .full-page-table, table {  width: 100%;   
                             display: block; 
                             border: none; }

 
  tr, td { display: block;
           width: 100% !important;
           box-sizing: border-box;}

  tr { margin-bottom: 20px; 
       border: 1px solid #D1D5DB;}

  td { padding: 12px;  
       text-align: left;
       border: none;
       border-bottom: 1px solid #E0E1DD;  }

  
  td:first-child { background-color: #1B263B; 
                   color: #FFFFFF;
                   font-weight: bold;
                   text-align: center;
                   font-size: 16px; }

  tr:first-child td:first-child { display: none;  }

 
  td:nth-child(2) { background-color: #E8F0EC; 
                    color: #000000; }


  td:nth-child(3) { background-color: #FFF0EA;
                    color: #000000;
                    border-bottom: none; }

  
  .pie { text-align: center;
         padding: 5% 2%; }
}