.o-grid {
  display: grid;
  list-style: none;
}

  @media all and (min-width: 1024px) {.o-grid {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3rem
}
  }

  @media all and (min-width: 1024px) {

  .o-grid--one {
      grid-template-columns: repeat(1, 1fr)
  }
    }

  @media all and (min-width: 1024px) {

  .o-grid--two {
      grid-template-columns: repeat(2, 1fr)
  }
    }

  @media all and (min-width: 1024px) {

  .o-grid--three {
      grid-template-columns: repeat(3, 1fr)
  }
    }

  @media all and (min-width: 1024px) {

  .o-grid--four {
      grid-template-columns: repeat(3, 1fr)
  }
    }

  .o-grid--horisontal-space--medium {
      column-gap: 8rem;
    }

  .o-grid--horisontal-space--large {
      column-gap: 14rem;
    }

  .o-grid--vertical-space--m {
      row-gap: 1.7rem;
    }

  .o-grid__item {
    margin-bottom: 0.75rem;
  }

  @media all and (min-width: 1024px) {

  .o-grid__item {
      margin-bottom: 0
  }
    }

  .o-grid__item:empty {
      display: none;
    }

  .o-grid__item:last-of-type {
      margin-bottom: 0;
    }

  @media all and (min-width: 1024px) {

  .o-grid--reverse {
      direction: rtl
  }

      .o-grid--reverse .o-grid__item {
        direction: ltr;
      }
    }