.fluid-span-1 {
  width: 6.5%;
}

.fluid-span-2 {
  width: 15%;
}

.fluid-span-3 {
  width: 23.5%;
}

.fluid-span-4 {
  width: 32%;
}

.fluid-span-5 {
  width: 40.5%;
}

.fluid-span-6 {
  width: 49%;
}

.fluid-span-7 {
  width: 57.5%;
}

.fluid-span-8 {
  width: 66%;
}

.fluid-span-9 {
  width: 74.5%;
}

.fluid-span-10 {
  width: 83%;
}

.fluid-span-11 {
  width: 91.5%;
}

.fluid-span-12 {
  width: 100%;
}

.fluid-offset-1 {
  margin-left: 8.5%;
}

.fluid-offset-2 {
  margin-left: 17%;
}

.fluid-offset-3 {
  margin-left: 25.5%;
}

.fluid-offset-4 {
  margin-left: 34%;
}

.fluid-offset-5 {
  margin-left: 42.5%;
}

.fluid-offset-6 {
  margin-left: 51%;
}

.fluid-offset-7 {
  margin-left: 59.5%;
}

.fluid-offset-8 {
  margin-left: 68%;
}

.fluid-offset-9 {
  margin-left: 76.5%;
}

.fluid-offset-10 {
  margin-left: 85%;
}

.fluid-offset-11 {
  margin-left: 93.5%;
}

@media(max-width: 768px) {
  .fluid-span-1 {
    width: 10.75%;
  }

  .fluid-span-2 {
    width: 23.5%;
  }

  .fluid-span-3 {
    width: 36.25%;
  }

  .fluid-span-4 {
    width: 49%;
  }

  .fluid-span-5 {
    width: 61.75%;
  }

  .fluid-span-6 {
    width: 74.5%;
  }

  .fluid-span-7 {
    width: 87.25%;
  }

  .fluid-span-8 {
    width: 100%;
  }

  .fluid-offset-1 {
    margin-left: 12.75%;
  }

  .fluid-offset-2 {
    margin-left: 25.5%;
  }

  .fluid-offset-3 {
    margin-left: 38.25%;
  }

  .fluid-offset-4 {
    margin-left: 51%;
  }

  .fluid-offset-5 {
    margin-left: 63.75%;
  }

  .fluid-offset-6 {
    margin-left: 76.5%;
  }

  .fluid-offset-7 {
    margin-left: 89.25%;
  }

}