.c-grid-features {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5vh; }
  @media all and (min-width: 600px) {
    .c-grid-features {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1.5vw; } }
  @media all and (min-width: 860px) {
    .c-grid-features {
      grid-template-columns: repeat(3, 1fr); }
      .c-grid-features > :nth-child(1) {
        grid-column: 1/3; }
      .c-grid-features > :nth-child(2) {
        grid-column: 3/4;
        grid-row: 1/3; }
      .c-grid-features > :nth-child(3) {
        grid-column: 1/2; }
      .c-grid-features > :nth-child(4) {
        grid-column: 2/3; } }
  @media all and (min-width: 860px) {
    .c-grid-features--v1 > :nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/3; }
    .c-grid-features--v1 > :nth-child(2) {
      grid-column: 2/3;
      grid-row: 1; }
    .c-grid-features--v1 > :nth-child(3) {
      grid-column: 3/4; }
    .c-grid-features--v1 > :nth-child(4) {
      grid-column: 2/4; } }
  @media all and (min-width: 860px) {
    .c-grid-features--v2 > :nth-child(1) {
      grid-column: 1/2;
      grid-row: 1/3; }
    .c-grid-features--v2 > :nth-child(2) {
      grid-column: 2/3;
      grid-row: 1; }
    .c-grid-features--v2 > :nth-child(3) {
      grid-column: 3/4;
      grid-row: 1/3; }
    .c-grid-features--v2 > :nth-child(4) {
      grid-column: 2/3; } }
  @media all and (min-width: 860px) {
    .c-grid-features--v3 > :nth-child(1) {
      grid-column: 1/3;
      grid-row: 1; }
    .c-grid-features--v3 > :nth-child(2) {
      grid-column: 3/4;
      grid-row: 1; }
    .c-grid-features--v3 > :nth-child(3) {
      grid-column: 1/2;
      grid-row: 2; }
    .c-grid-features--v3 > :nth-child(4) {
      grid-column: 2/4;
      grid-row: 2; } }
  @media all and (min-width: 600px) {
    .c-grid-features--3-items {
      grid-template-columns: repeat(2, 1fr); }
      .c-grid-features--3-items > :nth-child(1) {
        grid-column: 1/-1; } }
  @media all and (min-width: 860px) {
    .c-grid-features--3-items {
      grid-template-columns: repeat(3, 1fr); }
      .c-grid-features--3-items > :nth-child(1) {
        grid-column: 1/3;
        grid-row: 1/3; }
      .c-grid-features--3-items > :nth-child(2) {
        grid-column: 3/4;
        grid-row: 1/2; }
      .c-grid-features--3-items > :nth-child(3) {
        grid-column: 3/4;
        grid-row: 2/3; } }