table {
  border-collapse: collapse;
  border-spacing: 0;
  border-color: #009abc;
  border-bottom-color: #009abc;
  font-size: 1em;
  margin: 1em 0 1.5em;
  width: 100%;
}
table,
th,
td {
  padding: 0.5em 0.9em;
  text-align: left;
  vertical-align: top;
  text-align: center;
}
tr td {
  border-bottom: 0;
  border-top: 0;
}
td {
  padding: 0.6em;
  text-align: center;
}
th {
  background-color: #036f9d;
  color: #ffffff;
  font-weight: bolder;
  padding: 0.8em 0.6em;
  text-align: center;
}
table tr:nth-child(even) {
  background: #efefef;
}
@media (min-width: 400px) and (max-width: 600px) {
  table {
    font-size: smaller;
    width: fit-content;
  }
}
@media (max-width: 400px) {
  table {
    font-size: smaller;
    width: fit-content;
    margin: 0 -3.5em;
  }
}