.table-header {
  font-weight: bold;
  background-color: white;
  padding: 30px;
}
.table-row {
  border-bottom: 1px solid #dddddd;
  padding: 15px;
}
.table-row:nth-of-type(even) {
  background-color: #f9f9f9;
}
.table-row:hover {
  background-color: #f1f1f1;
}
.col {
  padding: 10px;
  flex-basis: 100%;
  flex-grow: 1;
  text-align: left;
}
.responsive-table {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .col {
      flex: 1;
  }
}