@charset "utf-8";
/* CSS Document */

.chariot table{
border: medium solid blue;
width: 80%;
margin:0 auto;
font: "Roboto", Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
.chariot td, th {
border: thin solid #6495ed;
width: 30%;}

.chariot th {
border: thin solid #6495ed;
width: 30%;
padding: 5px;
background-color: #D0E3FA;

}

.chariot td {
font-family: sans-serif;
border: thin solid #6495ed;
width: auto;
padding: 5px;
text-align: center;}

 
@media (min-width: 481px) and (max-width: 768px) { /*rouge*/

.chariot table{
width: 100%;
margin:0 auto;
}
.chariot table th, .chariot table td{
flex:1;
text-align:center;
}
.chariot table tr {
display: flex; 
flex-direction:row;

}
}