﻿.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: 33.3333333333%;
}
.grid-plus .number-of-columns-3 .cell-width-2 {
  width: 66.6666666667%;
}
.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: 16.6666666667%;
}
.grid-plus .number-of-columns-6 .cell-width-2 {
  width: 33.3333333333%;
}
.grid-plus .number-of-columns-6 .cell-width-3 {
  width: 50%;
}
.grid-plus .number-of-columns-6 .cell-width-4 {
  width: 66.6666666667%;
}
.grid-plus .number-of-columns-6 .cell-width-5 {
  width: 83.3333333333%;
}
