$table-cell-padding: $gutter-width / 2;

table {
  @extend %reset-border;
  @include trailer;
  margin: {
    right: -$table-cell-padding;
    left:  -$table-cell-padding;
  }
  border: {
    collapse: collapse;
    spacing: 0;
  }
      width: 100%;
  max-width: 100%;
}

td,
th {
  @extend %reset-border;
  @include padding-leader(.5);
  @include padding-trailer(.5);
  padding: {
    right: $table-cell-padding;
     left: $table-cell-padding;
  }
  vertical-align: top;
}

th {
  @extend %bold-elements;
  text-align: left;
}