﻿.grid-plus {
  display: flex;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px; }
  @media screen and (max-width: 767px) {
    .grid-plus {
      margin-left: 0px;
      margin-right: 0px; } }
  @media screen and (max-width: 1023px) {
    .grid-plus .grid-plus-desktop {
      display: none; } }
  .grid-plus .grid-plus-tablet {
    display: none; }
    @media screen and (max-width: 1023px) {
      .grid-plus .grid-plus-tablet {
        display: unset; } }
    @media screen and (max-width: 767px) {
      .grid-plus .grid-plus-tablet {
        display: none; } }
  .grid-plus .grid-plus-mobile {
    display: none; }
    @media screen and (max-width: 767px) {
      .grid-plus .grid-plus-mobile {
        display: unset; } }
  .grid-plus .grid-plus-row {
    display: flex; }
  .grid-plus .justification-center .grid-plus-row {
    justify-content: center; }
  .grid-plus .justification-right .grid-plus-row {
    justify-content: flex-end; }
  .grid-plus .gap-medium .grid-plus-row {
    padding-top: 15px;
    padding-bottom: 15px; }
    .grid-plus .gap-medium .grid-plus-row .cell {
      padding-left: 15px;
      padding-right: 15px; }
  .grid-plus.contains-first-row .first-row {
    padding-top: 0px; }
  .grid-plus.contains-last-row .last-row {
    padding-bottom: 0px; }
  .grid-plus .number-of-columns-1 .cell {
    width: 100%; }
  .grid-plus .number-of-columns-2 .cell {
    width: 50%; }
  .grid-plus .number-of-columns-3 .cell-width-0, .grid-plus .number-of-columns-3 .cell-width-1 {
    width: calc(100% / 3); }
  .grid-plus .number-of-columns-3 .cell-width-2 {
    width: calc((100% * 2) / 3); }
  .grid-plus .number-of-columns-4 .cell-width-0, .grid-plus .number-of-columns-4 .cell-width-1 {
    width: 25%; }
  .grid-plus .number-of-columns-4 .cell-width-2 {
    width: 50%; }
  .grid-plus .number-of-columns-4 .cell-width-3 {
    width: 75%; }
  .grid-plus .number-of-columns-5 .cell-width-0, .grid-plus .number-of-columns-5 .cell-width-1 {
    width: 20%; }
  .grid-plus .number-of-columns-5 .cell-width-2 {
    width: 40%; }
  .grid-plus .number-of-columns-5 .cell-width-3 {
    width: 60%; }
  .grid-plus .number-of-columns-5 .cell-width-4 {
    width: 80%; }
  .grid-plus .number-of-columns-6 .cell-width-0, .grid-plus .number-of-columns-6 .cell-width-1 {
    width: calc(100% / 6); }
  .grid-plus .number-of-columns-6 .cell-width-2 {
    width: calc(100% / 3); }
  .grid-plus .number-of-columns-6 .cell-width-3 {
    width: 50%; }
  .grid-plus .number-of-columns-6 .cell-width-4 {
    width: calc((100% * 2) / 3); }
  .grid-plus .number-of-columns-6 .cell-width-5 {
    width: calc((100% * 5) / 6); }
