.main-table {
  width: 100%;

  /* change to suit*/
  margin: auto;

  border-collapse: collapse;
}
.main-table thead th {
}
.main-table th,
.main-table td {
  vertical-align: top;
  text-align: left;
}
td.numbers {
  text-align: center;
}
.main-table td {

}
.table-heading {
  font-size: 0.7rem;
  margin: 0 0 0.5em;
}
.item-options {
  margin: 0 0 0.5rem;
  overflow: hidden;
  clear: both;
}
.item-options dt {
  margin: 0;
  font-weight: bold;
}
.item-options dt,
.item-options dd {
  display: inline-block;
  margin: 0;
  padding: 0 5px 0 0;
  vertical-align: top;
}
.item-options dt:after {
  content: ":";
}
.main-table tbody tr:nth-child(odd) td {

}
@media screen and (max-width: 600px) {

  table.table-mobile {
    word-wrap: break-word;

    border: none;
  }
  table.table-mobile thead {
    display: none;
  }
  table.table-mobile td {
    display: block;
    float: left; /* ie9 and under hack */
    width: 100%;
    clear: both;



    box-sizing: border-box;
    font-size: 1rem;
  }
  table.table-mobile tbody,
  table.table-mobile tr {
    display: block;
    margin-bottom: 10px;
  }
  .table-mobile td:before {
    content: attr(data-th);
    display: block;
    font-weight: bold;

  }
  .table-mobile tbody tr {

    overflow: hidden;
  }
  .item-options,
  .table-heading {
    font-size: 1rem;
  }
  .table-mobile .numbers {
    text-align: left;
  }
  .main-table tbody tr:nth-child(odd) td {

  }
}