/*------------------------------------*\
  > Table
\*------------------------------------*/

.table {
  width: 75%;
}

// Table row
.table__row {
  background: darken($blue-mirage, 3);

  &:nth-child(odd) {
    background: darken($blue-mirage, 5);
  }

  &:hover,
  &:focus,
  &:nth-child(odd):hover ,
  &:nth-child(odd):focus {
    background: lighten($blue-mirage, 3);
  }
}


// Table cell
.table__cell {
  padding: .5em 1em;
  @include rem(font-size, 13px);
  max-width: 200px;
}

// Table cell loader
.table__cell--loader {
  height: 25vh;
  text-align: center;
  position: relative;
  width: 100%;
}

// Table head
.table__head__row {
  background: darken($blue-mirage, 1);
}

.table__head__cell {
  padding: 1em;
  text-align: left;
  @include rem(font-size, 16px);
  text-transform: uppercase;
}
/*------------------------------------*\
  > Table
\*------------------------------------*/

.table {
  max-width: 1200px;
  width: 100%;
}

// Table row
.table__row {
  background: darken($blue-mirage, 3);

  &:nth-child(odd) {
    background: darken($blue-mirage, 5);
  }

  &:hover,
  &:focus,
  &:nth-child(odd):hover ,
  &:nth-child(odd):focus {
    background: lighten($blue-mirage, 3);
  }
}


// Table cell
.table__cell {
  padding: .5em 1em;
  @include rem(font-size, 13px);
  max-width: 200px;
}

// Table cell loader
.table__cell--loader {
  height: 25vh;
  text-align: center;
  position: relative;
  width: 100%;
}

// Table head
.table__head__row {
  background: darken($blue-mirage, 1);
}

.table__head__cell {
  padding: 1em;
  text-align: left;
  @include rem(font-size, 16px);
  text-transform: uppercase;
}
Change table width to 100% with max-width equal to 1200px
Change table width to 100% with max-width equal to 1200px
