body {
        font: 1.2em Helvetica, Arial, sans-serif;
        margin: 20px;
        padding: 0;
        background-color: #eee;
      }
@media only screen and (min-width: 1024px) and (max-width: 2000px) {
    /* ruleset for 1024px - 2000px ==> écran PC*/
  h1
    {
	font-size : 1.5em;
     	color:blue;	 
     }
  th
     {
	font-size : 1.5em;
	background:blue;
        color:white;
     }
  td
     {
	font-size : 1.4em;
	/*background:white;
     }
/*a,li
     {
	font-size : 2.4em;
     }*/
.logo {width:250px}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
    /* ruleset for 600px - 1024px ==> tablette */
  h1
    {
	font-size : 1.5em;
     	color:orange;	 
     }
  th
     {
	font-size : 1.7em;
	background:blue;
        color:white;
     }
  td
     {
	font-size : 1.7em;
	/*background:white;
     }
/*a,li
     {
	font-size : 2.1em;
     }*/
.logo {width:200px}
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
    /* ruleset for 320px - 600px ==> smartphone */  
  h1
    {
	font-size : 1.0em;
     	color:red;	 
     }
  th
     {
	font-size : 1.1em;
	background:blue;
        color:white;
     }
  td
     {
	font-size : 1.1em;
	/*background:white;
     }
/*a,li
     {
	font-size : 1.8em;
     }
*/
.logo {width:150px}
}




 

th {
background:blue;
color:white;
}