#table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
/*th { */
  /*background: #333; */
/*  color: white; */
/*  font-weight: bold; */
/*}*/
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

.col-auto {
  margin-bottom: 1px;
}

.card {
  margin-bottom: 1px;
}

.card-body {
  padding-bottom: -1;
}

@media only screen and (max-width: 600px) {
  .col-auto {
    width: 50%;
  }
}