/****************************
Bourbon Neat Grid classes
column classes to apply to html
****************************/
.col-12 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 100%; }
  .col-12:last-child {
    margin-right: 0; }

.col-11 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 91.4701957002%; }
  .col-11:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-11 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-11:last-child {
        margin-right: 0; } }

.col-10 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 82.9403914003%; }
  .col-10:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-10 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-10:last-child {
        margin-right: 0; } }

.col-9 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%; }
  .col-9:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-9 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-9:last-child {
        margin-right: 0; } }

.col-8 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 65.8807828007%; }
  .col-8:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-8 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-8:last-child {
        margin-right: 0; } }

.col-7 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 57.3509785009%; }
  .col-7:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-7 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-7:last-child {
        margin-right: 0; } }

.col-6 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 48.821174201%; }
  .col-6:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-6 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-6:last-child {
        margin-right: 0; } }

.col-5 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 40.2913699012%; }
  .col-5:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-5 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-5:last-child {
        margin-right: 0; } }

.col-4 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 31.7615656014%; }
  .col-4:last-child {
    margin-right: 0; }
  .col-4:nth-of-type(3n + 3) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-4 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-4:last-child {
        margin-right: 0; } }

.col-3 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .col-3:last-child {
    margin-right: 0; }
  .col-3:nth-of-type(4) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-3 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .col-3:last-child {
        margin-right: 0; }
      .col-3:nth-of-type(2) {
        margin-right: 0; } }

.col-2 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 14.7019570017%; }
  .col-2:last-child {
    margin-right: 0; }
  .col-2:nth-of-type(6) {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-2 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 48.821174201%; }
      .col-2:last-child {
        margin-right: 0; }
      .col-2:nth-of-type(2) {
        margin-right: 0; } }

.col-1 {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 6.1721527019%; }
  .col-1:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .col-1 {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%; }
      .col-1:last-child {
        margin-right: 0; } }