/* =========================
   RESET
========================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, code, img,
b, u, i, center, table, tr, th, td, video {
  margin: 0;
  padding: 0;
  border: 0;
}

/* =========================
   BASIC HELPERS
========================= */

.t-clear {
  clear: both;
}

.t-row {
  margin: 0;
}

/* =========================
   CONTAINER
========================= */

.t-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.t-container_100 {
  width: 100%;
}

.t-container_10 {
  max-width: 1000px;
  margin: 0 auto;
}

.t-container_8 {
  max-width: 800px;
  margin: 0 auto;
}

/* =========================
   GRID (COLS)
========================= */

.t-col {
  float: left;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px;
}

.t-col_12 { max-width: 1160px; }
.t-col_11 { max-width: 1060px; }
.t-col_10 { max-width: 960px; }
.t-col_9  { max-width: 860px; }
.t-col_8  { max-width: 760px; }
.t-col_7  { max-width: 660px; }
.t-col_6  { max-width: 560px; }
.t-col_5  { max-width: 460px; }
.t-col_4  { max-width: 360px; }
.t-col_3  { max-width: 260px; }
.t-col_2  { max-width: 160px; }
.t-col_1  { max-width: 60px; }

/* =========================
   WIDTH HELPERS
========================= */

.t-width {
  width: 100%;
}

.t-width_100 {
  max-width: 100%;
}

/* =========================
   FLEX HELPERS
========================= */

.t-container_flex {
  display: flex;
}

.t-col_flex {
  display: flex;
  align-items: stretch;
}

/* =========================
   MEDIA QUERIES
========================= */

@media screen and (max-width: 1200px) {
  .t-container {
    max-width: 960px;
  }

  .t-col {
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media screen and (max-width: 960px) {
  .t-container {
    max-width: 640px;
  }

  .t-container_flex {
    display: block;
  }

  .t-col {
    float: none;
    width: 100%;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}