table {
  background-color: transparent;
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse;
}

table td,
table th {
  padding: 15px;
  line-height: 1.5;
  vertical-align: top;
  border: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
}

table th {
  font-weight: 700;
}

table tfoot th,
table thead th {
  font-size: 1em;
}

table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
  border-top: 1px solid hsla(0, 0%, 50.2%, 0.5019607843);
}

table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
  background-color: hsla(0, 0%, 50.2%, 0.0705882353);
}

table tbody tr:hover > td,
table tbody tr:hover > th {
  background-color: hsla(0, 0%, 50.2%, 0.1019607843);
}

table tbody + tbody {
  border-top: 2px solid hsla(0, 0%, 50.2%, 0.5019607843);
}

@media (max-width: 767px) {
  table table {
    font-size: 0.8em;
  }
  table table td,
  table table th {
    padding: 7px;
    line-height: 1.3;
  }
  table table th {
    font-weight: 400;
  }
}