.demotable {  
    border: 3px groove #042C6B; 
    border-collapse: collapse; /* По периметру ячеек только одна линия */ 
    text-align: center;
    table-layout: fixed; /* Таблица загружается быстрее, поскольку уже заданы значения ширины ячеек в теге col */  
   }

   .demotable td, .demotable th {
    border: 2px groove #042C6B;
   }
td {
  padding: 10px;
  text-align: left;
}
@media screen and (max-width: 800px) {
  table.demotable th {display: block;}
}
@media screen and (max-width: 800px) {
  table.demotable td {display: block;}
}