body {
   font-family: Arial, Helvetica, Verdana,sans-serif;
   font-size:1em;
}

div#header {
   margin: 5px;
   text-align:center;
}

table.places {
   border: solid 2px #cc0000;
   margin-top:2%;
   margin-left: 2%;
   margin-bottom: 20px;
   width:auto;
}

div#header {
   margin: 5px;
   text-align:center;
}

div.impianto {
   padding-top: 15px;
   text-align:center;
}

    
    table.places caption {
	   color: #cc0000;
	   font-weight: bold;
	   padding-bottom: 5px;
    }

        
    table.places tr, td {
	   padding: 10px;
    }
    
    a:link, a:active, a:visited, a:hover {
	   color: #0000cc;
    }  
      
@media screen and (max-device-width: 480px) {
	body {
	   font-family: Arial, Helvetica, Verdana,sans-serif;
	   font-size:2em;
    }

	div#header {
	   margin: 5px;
	   text-align:center;
	   font-size:1em;
	}
	 
	div.impianto {
	  padding-top: 15px;
	  text-align:center;
	}
 
	div.accesso {
	  margin: 5% 5%;
	}
	
    p {
	   padding-left: 1%;
    }
    
     span.user {
	     dispaly: inline;
	     padding-right:5px;
	     font-weight=bold;
     }
     
    table.places {
	   border: solid 2px #cc0000;
	   font-size:2em;
	   margin-top:2%;
	   margin-left: 5%;
	   margin-bottom: 5%;
	   width:auto;
    }
    
    table.places caption {
	   color: #cc0000;
	   font-weight: bold;
	   padding-bottom: 5px;
    }
    
    table.places tr, td {
	   padding: 10px;
    }
    
    a:link, a:active, a:visited, a:hover {
	   color: #0000cc;
    }