/* 01. xSMALL SCREEN > 400px (col-xs-) */
/* 02. SMALL SCREEN > 550px (col-sm-) */
/* 03. MEDIUM SCREEN > 750px (col-md-) */
/* 04. LARGE SCREEN > 1000px (col-lg-) */

[class*='txt-item'] {
  display: inline-block;
  vertical-align: text-top;
  margin: 0 -5px;
  letter-spacing: -0.3em;
}
/* FLEXIBLE GRID */
/* MOBILE FIRST */
.txt-item-1 {
  width: 8.33333333%;
}
.txt-item-2 {
  width: 16.66666667%;
}
.txt-item-3 {
  width: 25%;
}
.txt-item-4 {
  width: 33.33333333%;
}
.txt-item-5 {
  width: 41.66666667%;
}
.txt-item-6 {
  width: 50%;
}
.txt-item-7 {
  width: 58.33333333%;
}
.txt-item-8 {
  width: 66.66666667%;
}
.txt-item-9 {
  width: 75%;
}
.txt-item-10 {
  width: 83.33333333%;
}
.txt-item-11 {
  width: 91.66666667%;
}
.txt-item-12 {
  width: 100%;
}
/* 01. xSMALL SCREEN > 400px */
@media screen and (min-width: 400px) {
  .txt-item-xs-1 {
    width: 8.33333333%;
  }
  .txt-item-xs-2 {
    width: 16.66666667%;
  }
  .txt-item-xs-3 {
    width: 25%;
  }
  .txt-item-xs-4 {
    width: 33.33333333%;
  }
  .txt-item-xs-5 {
    width: 41.66666667%;
  }
  .txt-item-xs-6 {
    width: 50%;
  }
  .txt-item-xs-7 {
    width: 58.33333333%;
  }
  .txt-item-xs-8 {
    width: 66.66666667%;
  }
  .txt-item-xs-9 {
    width: 75%;
  }
  .txt-item-xs-10 {
    width: 83.33333333%;
  }
  .txt-item-xs-11 {
    width: 91.66666667%;
  }
  .txt-item-xs-12 {
    width: 100%;
  }
}
/* 02. SMALL SCREEN > 550px */
@media screen and (min-width: 550px) {
  .txt-item-sm-1 {
    width: 8.33333333%;
  }
  .txt-item-sm-2 {
    width: 16.66666667%;
  }
  .txt-item-sm-3 {
    width: 25%;
  }
  .txt-item-sm-4 {
    width: 33.33333333%;
  }
  .txt-item-sm-5 {
    width: 41.66666667%;
  }
  .txt-item-sm-6 {
    width: 50%;
  }
  .txt-item-sm-7 {
    width: 58.33333333%;
  }
  .txt-item-sm-8 {
    width: 66.66666667%;
  }
  .txt-item-sm-9 {
    width: 75%;
  }
  .txt-item-sm-10 {
    width: 83.33333333%;
  }
  .txt-item-sm-11 {
    width: 91.66666667%;
  }
  .txt-item-sm-12 {
    width: 100%;
  }
}
/* 03. MEDIUM SCREEN > 750px */
@media screen and (min-width: 750px) {
  .txt-item-md-1 {
    width: 8.33333333%;
  }
  .txt-item-md-2 {
    width: 16.66666667%;
  }
  .txt-item-md-3 {
    width: 25%;
  }
  .txt-item-md-4 {
    width: 33.33333333%;
  }
  .txt-item-md-5 {
    width: 41.66666667%;
  }
  .txt-item-md-6 {
    width: 50%;
  }
  .txt-item-md-7 {
    width: 58.33333333%;
  }
  .txt-item-md-8 {
    width: 66.66666667%;
  }
  .txt-item-md-9 {
    width: 75%;
  }
  .txt-item-md-10 {
    width: 83.33333333%;
  }
  .txt-item-md-11 {
    width: 91.66666667%;
  }
  .txt-item-md-12 {
    width: 100%;
  }
}
/* 04. LARGE SCREEN > 1000px */
@media screen and (min-width: 1000px) {
  .txt-item-lg-1 {
    width: 8.33333333%;
  }
  .txt-item-lg-2 {
    width: 16.66666667%;
  }
  .txt-item-lg-3 {
    width: 25%;
  }
  .txt-item-lg-4 {
    width: 33.33333333%;
  }
  .txt-item-lg-5 {
    width: 41.66666667%;
  }
  .txt-item-lg-6 {
    width: 50%;
  }
  .txt-item-lg-7 {
    width: 58.33333333%;
  }
  .txt-item-lg-8 {
    width: 66.66666667%;
  }
  .txt-item-lg-9 {
    width: 75%;
  }
  .txt-item-lg-10 {
    width: 83.33333333%;
  }
  .txt-item-lg-11 {
    width: 91.66666667%;
  }
  .txt-item-lg-12 {
    width: 100%;
  }
}