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

.fx-grd .row {
  margin-left: -0.5rem;
  margin-right: -0.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: 0.25rem;
  padding-right: 0.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%; }