/* Grid: 12
========================================================================== */

.g_12 {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .g_12 {
    grid-template-columns: 1fr 1fr;
  }
}



/* Grid: 13
========================================================================== */

.g_13 {
  display: grid;
  row-gap: 1em;
}

@media (min-width: 768px) {
  .g_13 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}




/* Grid: Aside
========================================================================== */

.g_aside {
  display: grid;
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  .g_aside {
    grid-template-columns: 1fr 3fr;
  }
}



/* Grid: Text, Column Text
========================================================================== */

.g_text {
  display: grid;
  row-gap: 1.5em;
  grid-template-columns: 1fr;
}

.g_text-col {
  display: grid;
  row-gap: 1.5em;
  grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
  .g_text {
    row-gap: 2.25em;
  }

  .g_text-col {
    grid-template-columns: 1fr 1fr;
    row-gap: 2.25em;
    column-gap: 3.25em;
  }
}

@media (min-width: 2300px) {
  .g_text-col {
    column-gap: 3.75em;
  }
}



/* Grid: Gaps
========================================================================== */

.g_gap-col,
.g_gap-col--big {
  row-gap: 1.5em;
}

@media (min-width: 768px) {
  .g_gap-col {
    column-gap: 3.5em;
  }
  .g_gap-col--big {
    column-gap: 4.5em;
  }
}

@media (min-width: 1280px) {
  .g_gap-col {
    column-gap: 4.5em;
  }
  .g_gap-col--big {
    column-gap: 5.5em;
  }
}

@media (min-width: 1600px) {
  .g_gap-col {
    column-gap: 5.25em;
  }
  .g_gap-col--big {
    column-gap: 7em;
  }
}

@media (min-width: 2300px) {
  .g_gap-col {
    column-gap: 6.5em;
  }
  .g_gap-col--big {
    column-gap: 9em;
  }
}