/* 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;
  grid-template-columns: 1fr;
}

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



/* Grid: 14
========================================================================== */

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

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

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



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

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

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



/* Grid: Invert
========================================================================== */

@media (min-width: 768px) {
  .g_inv--fd > *:first-child {
    order: 2;
  }
  .g_inv--fd > *:last-child {
    order: 1;
  }
}



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

.g_gap-col {
  row-gap: 1.75em;
}
.g_gap-card {
  row-gap: 1.5em;
}
.g_gap-text {
  row-gap: 1.75em;
}

@media (min-width: 768px) {
  .g_gap-col {
    column-gap: 3.5em;
    row-gap: 2.5em;
  }
  .g_gap-card {
    column-gap: 1em;
  }
  .g_gap-text {
    column-gap: 2.75em;
  }
}

@media (min-width: 1280px) {
  .g_gap-col {
    column-gap: 4.5em;
    row-gap: 2.5em;
  }
  .g_gap-text {
    column-gap: 3.5em;
  }
}

@media (min-width: 1600px) {
  .g_gap-col {
    column-gap: 5.25em;
    row-gap: 3em;
  }
  .g_gap-text {
    column-gap: 4.5em;
  }
}

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