/* Capa Grid System - Minimal version (only grid, no reset/typography) */

/* All columns with box-sizing */
.c5, .c10, .c15, .c20, .c25, .c30, .c33, .c35, .c40, .c45, .c50, .c55, .c60, .c65, .c66, .c70, .c75, .c80, .c85, .c90, .c95, .c100,
.d5, .d10, .d15, .d20, .d25, .d30, .d33, .d35, .d40, .d45, .d50, .d55, .d60, .d65, .d66, .d70, .d75, .d80, .d85, .d90, .d95, .d100,
.t5, .t10, .t15, .t20, .t25, .t30, .t33, .t35, .t40, .t45, .t50, .t55, .t60, .t65, .t66, .t70, .t75, .t80, .t85, .t90, .t95, .t100,
.m5, .m10, .m15, .m20, .m25, .m30, .m33, .m35, .m40, .m45, .m50, .m55, .m60, .m65, .m66, .m70, .m75, .m80, .m85, .m90, .m95, .m100 {
  float: left;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Default columns (c) */
.c5 { width: 5%; }
.c10 { width: 10%; }
.c15 { width: 15%; }
.c20 { width: 20%; }
.c25 { width: 25%; }
.c30 { width: 30%; }
.c33 { width: 33.33%; }
.c35 { width: 35%; }
.c40 { width: 40%; }
.c45 { width: 45%; }
.c50 { width: 50%; }
.c55 { width: 55%; }
.c60 { width: 60%; }
.c65 { width: 65%; }
.c66 { width: 66.66%; }
.c70 { width: 70%; }
.c75 { width: 75%; }
.c80 { width: 80%; }
.c85 { width: 85%; }
.c90 { width: 90%; }
.c95 { width: 95%; }
.c100 { width: 100%; }

/* Desktop (d) - max-width: 1160px */
@media only screen and (max-width: 1160px) {
  .d5 { width: 5%; }
  .d10 { width: 10%; }
  .d15 { width: 15%; }
  .d20 { width: 20%; }
  .d25 { width: 25%; }
  .d30 { width: 30%; }
  .d33 { width: 33.33%; }
  .d35 { width: 35%; }
  .d40 { width: 40%; }
  .d45 { width: 45%; }
  .d50 { width: 50%; }
  .d55 { width: 55%; }
  .d60 { width: 60%; }
  .d65 { width: 65%; }
  .d70 { width: 70%; }
  .d75 { width: 75%; }
  .d80 { width: 80%; }
  .d85 { width: 85%; }
  .d90 { width: 90%; }
  .d95 { width: 95%; }
  .d100 { width: 100%; }
}

/* Tablet (t) - max-width: 768px */
@media only screen and (max-width: 768px) {
  .t5 { width: 5%; }
  .t10 { width: 10%; }
  .t15 { width: 15%; }
  .t20 { width: 20%; }
  .t25 { width: 25%; }
  .t30 { width: 30%; }
  .t33 { width: 33.33%; }
  .t35 { width: 35%; }
  .t40 { width: 40%; }
  .t45 { width: 45%; }
  .t50 { width: 50%; }
  .t55 { width: 55%; }
  .t60 { width: 60%; }
  .t65 { width: 65%; }
  .t70 { width: 70%; }
  .t75 { width: 75%; }
  .t80 { width: 80%; }
  .t85 { width: 85%; }
  .t90 { width: 90%; }
  .t95 { width: 95%; }
  .t100 { width: 100%; }
}

/* Mobile (m) - max-width: 420px */
@media only screen and (max-width: 420px) {
  .m5 { width: 5%; }
  .m10 { width: 10%; }
  .m15 { width: 15%; }
  .m20 { width: 20%; }
  .m25 { width: 25%; }
  .m30 { width: 30%; }
  .m33 { width: 33.33%; }
  .m35 { width: 35%; }
  .m40 { width: 40%; }
  .m45 { width: 45%; }
  .m50 { width: 50%; }
  .m55 { width: 55%; }
  .m60 { width: 60%; }
  .m65 { width: 65%; }
  .m70 { width: 70%; }
  .m75 { width: 75%; }
  .m80 { width: 80%; }
  .m85 { width: 85%; }
  .m90 { width: 90%; }
  .m95 { width: 95%; }
  .m100 { width: 100%; }
}

/* Clearfix */
.clear, .clearfix {
  clear: both;
  display: block;
  width: 0;
  height: 0;
}