.fx-grd {
  padding-left: 1rem;
  padding-right: 1rem;
}

.fx-grd .row {
  margin-left: -.5rem;
  margin-right: -.5rem;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.fx-grd .col,
.fx-grd .col-1,
.fx-grd .col-2,
.fx-grd .col-3,
.fx-grd .col-4,
.fx-grd .col-5,
.fx-grd .col-6,
.fx-grd .col-7 {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-left: .25rem;
  padding-right: .25rem;
}

.fx-grd .col-1 {
  max-width: 14.28571%;
  flex-basis: 14.28571%;
}

.fx-grd .col--offset-1 {
  margin-left: 14.28571%;
}

.fx-grd .col-2 {
  max-width: 28.57142%;
  flex-basis: 28.57142%;
}

.fx-grd .col--offset-2 {
  margin-left: 28.57142%;
}

.fx-grd .col-3 {
  max-width: 42.85714%;
  flex-basis: 42.85714%;
}

.fx-grd .col--offset-3 {
  margin-left: 42.85714%;
}

.fx-grd .col-4 {
  max-width: 57.14285%;
  flex-basis: 57.14285%;
}

.fx-grd .col--offset-4 {
  margin-left: 57.14285%;
}

.fx-grd .col-5 {
  max-width: 71.4285%;
  flex-basis: 71.4285%;
}

.fx-grd .col--offset-5 {
  margin-left: 71.4285%;
}

.fx-grd .col-6 {
  max-width: 85.7142%;
  flex-basis: 85.7142%;
}

.fx-grd .col--offset-6 {
  margin-left: 85.7142%;
}

.fx-grd .col-7 {
  max-width: 100%;
  flex-basis: 100%;
}