CSS CODE
* { 
	margin: 0; 
	padding: 0; 
}
body { 
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#contenitore {
	width:95%;
	margin: 50px auto;
}
p {
	margin: 20px 0; 
}
 table { 
    width: 100%; 
border-collapse: collapse; 
text-align: center; 
 } 
th { 
background: #0975ad; 
color: white; 
font-weight: bold; 
}
td, th { 
padding: 10px; 
border: 1px solid #fff; 
}
tr:nth-of-type(odd){				/*  Righe giallo scuro dispari */
background:rgba(176,216,241, 0.8);
}
tr:nth-of-type(even){					/*  Righe giallo chiaro pari */
background:rgba(86,134,245, 0.2);
}
a{
text-decoration:none;
color:#36F;
line-height:50px;
}
  
 /* Media Query per il No More Tables */ 
  
 @media only screen and (max-width: 767px) { 
     /* Forza la tabella a non comportarsi come una normale tabella */ 
  
  
	
table,thead,tbody,th,td,tr { 			/* Forza la tabella a non essere più una tabella */
display: block; 
}
		
 thead tr { 						/* Nascondiamo l'intestazione della tabella thead */
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #666; }
		
 td { 
position: relative;		/* Creiamo lo spazio per l'intestazione  */
padding-left: 50%; 
border:0;
}
		
 td:before { 	
position: absolute;			/* Creiamo le altre celle per la descrizione */
top: 8px;
left: 20px;
width: 40%;  
font-weight:bold;
}
	
	
  
 	/* Aggiunge l'etichetta ai dati della tabella */ 
  
 td:before { content: attr(data-title); } 
 }