body { background:#f8f9fa; }
footer { background: #fff; }
.table th, .table td { text-align: center; }
@media (max-width:600px) {
  .form-group, .table { max-width:98vw; font-size:13px; }
  .alert { max-width:98vw; font-size:13px; }
  table.table, table.table thead, table.table tbody, table.table th, table.table td, table.table tr {
    display: block !important;
    width: 100% !important;
  }
  table.table tr { margin-bottom: 8px; border-bottom: 1px solid #ddd; }
  table.table td, table.table th { display: flex !important; justify-content: space-between; align-items: center; padding: 4px 8px; }
  table.table thead { display: none; }
}