/* grid */

.gridRows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
}

.gridRowsNogap {
	margin-left: 0;
	margin-right: 0;
}

.gridRowsReverse {
	flex-direction: row-reverse;
}

.g100 { flex-basis: calc(100% - 3rem); max-width: calc(100% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g95 { flex-basis: calc(95% - 3rem); max-width: calc(95% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g90 { flex-basis: calc(90% - 3rem); max-width: calc(90% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g85 { flex-basis: calc(85% - 3rem); max-width: calc(85% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g80 { flex-basis: calc(80% - 3rem); max-width: calc(80% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g75 { flex-basis: calc(75% - 3rem); max-width: calc(75% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g70 { flex-basis: calc(70% - 3rem); max-width: calc(70% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g65 { flex-basis: calc(65% - 3rem); max-width: calc(65% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g60 { flex-basis: calc(60% - 3rem); max-width: calc(60% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g55 { flex-basis: calc(55% - 3rem); max-width: calc(55% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g50 { flex-basis: calc(50% - 3rem); max-width: calc(50% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g45 { flex-basis: calc(45% - 3rem); max-width: calc(45% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g40 { flex-basis: calc(40% - 3rem); max-width: calc(40% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g35 { flex-basis: calc(35% - 3rem); max-width: calc(35% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g30 { flex-basis: calc(30% - 3rem); max-width: calc(30% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g25 { flex-basis: calc(25% - 3rem); max-width: calc(25% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g20 { flex-basis: calc(20% - 3rem); max-width: calc(20% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g15 { flex-basis: calc(15% - 3rem); max-width: calc(15% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g10 { flex-basis: calc(10% - 3rem); max-width: calc(10% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g05 { flex-basis: calc(5% - 3rem); max-width: calc(5% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

.g66 { flex-basis: calc(66.66% - 3rem); max-width: calc(66.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g33 { flex-basis: calc(33.33% - 3rem); max-width: calc(33.33% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
.g16 { flex-basis: calc(16.66% - 3rem); max-width: calc(16.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

.gridRowsNogap > .g100 { flex-basis: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g95 { flex-basis: 95%; max-width: 95%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g90 { flex-basis: 90%; max-width: 90%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g85 { flex-basis: 85%; max-width: 85%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g80 { flex-basis: 80%; max-width: 80%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g75 { flex-basis: 75%; max-width: 75%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g70 { flex-basis: 70%; max-width: 70%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g65 { flex-basis: 65%; max-width: 65%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g60 { flex-basis: 60%; max-width: 60%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g55 { flex-basis: 55%; max-width: 55%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g50 { flex-basis: 50%; max-width: 50%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g45 { flex-basis: 45%; max-width: 45%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g40 { flex-basis: 40%; max-width: 40%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g35 { flex-basis: 35%; max-width: 35%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g30 { flex-basis: 30%; max-width: 30%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g25 { flex-basis: 25%; max-width: 25%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g20 { flex-basis: 20%; max-width: 20%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g15 { flex-basis: 15%; max-width: 15%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g10 { flex-basis: 10%; max-width: 10%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g05 { flex-basis: 5%; max-width: 5%; margin-left: 0; margin-right: 0; }

.gridRowsNogap > .g66 { flex-basis: 66.66%; max-width: 66.66%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g33 { flex-basis: 33.33%; max-width: 33.33%; margin-left: 0; margin-right: 0; }
.gridRowsNogap > .g16 { flex-basis: 16.66%; max-width: 16.66%; margin-left: 0; margin-right: 0; }

@media screen and (min-width: 560px) and (max-width: 959px) {

  .tablet_g100 { flex-basis: calc(100% - 3rem); max-width: calc(100% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g95 { flex-basis: calc(95% - 3rem); max-width: calc(95% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g90 { flex-basis: calc(90% - 3rem); max-width: calc(90% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g85 { flex-basis: calc(85% - 3rem); max-width: calc(85% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g80 { flex-basis: calc(80% - 3rem); max-width: calc(80% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g75 { flex-basis: calc(75% - 3rem); max-width: calc(75% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g70 { flex-basis: calc(70% - 3rem); max-width: calc(70% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g65 { flex-basis: calc(65% - 3rem); max-width: calc(65% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g60 { flex-basis: calc(60% - 3rem); max-width: calc(60% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g55 { flex-basis: calc(55% - 3rem); max-width: calc(55% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g50 { flex-basis: calc(50% - 3rem); max-width: calc(50% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g45 { flex-basis: calc(45% - 3rem); max-width: calc(45% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g40 { flex-basis: calc(40% - 3rem); max-width: calc(40% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g35 { flex-basis: calc(35% - 3rem); max-width: calc(35% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g30 { flex-basis: calc(30% - 3rem); max-width: calc(30% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g25 { flex-basis: calc(25% - 3rem); max-width: calc(25% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g20 { flex-basis: calc(20% - 3rem); max-width: calc(20% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g15 { flex-basis: calc(15% - 3rem); max-width: calc(15% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g10 { flex-basis: calc(10% - 3rem); max-width: calc(10% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g05 { flex-basis: calc(5% - 3rem); max-width: calc(5% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

  .tablet_g66 { flex-basis: calc(66.66% - 3rem); max-width: calc(66.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g33 { flex-basis: calc(33.33% - 3rem); max-width: calc(33.33% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .tablet_g16 { flex-basis: calc(16.66% - 3rem); max-width: calc(16.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

  .gridRowsNogap > .tablet_g100 { flex-basis: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g95 { flex-basis: 95%; max-width: 95%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g90 { flex-basis: 90%; max-width: 90%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g85 { flex-basis: 85%; max-width: 85%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g80 { flex-basis: 80%; max-width: 80%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g75 { flex-basis: 75%; max-width: 75%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g70 { flex-basis: 70%; max-width: 70%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g65 { flex-basis: 65%; max-width: 65%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g60 { flex-basis: 60%; max-width: 60%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g55 { flex-basis: 55%; max-width: 55%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g50 { flex-basis: 50%; max-width: 50%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g45 { flex-basis: 45%; max-width: 45%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g40 { flex-basis: 40%; max-width: 40%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g35 { flex-basis: 35%; max-width: 35%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g30 { flex-basis: 30%; max-width: 30%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g25 { flex-basis: 25%; max-width: 25%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g20 { flex-basis: 20%; max-width: 20%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g15 { flex-basis: 15%; max-width: 15%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g10 { flex-basis: 10%; max-width: 10%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g05 { flex-basis: 5%; max-width: 5%; margin-left: 0; margin-right: 0; }

  .gridRowsNogap > .tablet_g66 { flex-basis: 66.66%; max-width: 66.66%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g33 { flex-basis: 33.33%; max-width: 33.33%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .tablet_g16 { flex-basis: 16.66%; max-width: 16.66%; margin-left: 0; margin-right: 0; }

}

@media screen and (max-width: 559px) {

  .mobile_g100 { flex-basis: calc(100% - 3rem); max-width: calc(100% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g95 { flex-basis: calc(95% - 3rem); max-width: calc(95% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g90 { flex-basis: calc(90% - 3rem); max-width: calc(90% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g85 { flex-basis: calc(85% - 3rem); max-width: calc(85% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g80 { flex-basis: calc(80% - 3rem); max-width: calc(80% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g75 { flex-basis: calc(75% - 3rem); max-width: calc(75% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g70 { flex-basis: calc(70% - 3rem); max-width: calc(70% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g65 { flex-basis: calc(65% - 3rem); max-width: calc(65% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g60 { flex-basis: calc(60% - 3rem); max-width: calc(60% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g55 { flex-basis: calc(55% - 3rem); max-width: calc(55% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g50 { flex-basis: calc(50% - 3rem); max-width: calc(50% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g45 { flex-basis: calc(45% - 3rem); max-width: calc(45% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g40 { flex-basis: calc(40% - 3rem); max-width: calc(40% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g35 { flex-basis: calc(35% - 3rem); max-width: calc(35% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g30 { flex-basis: calc(30% - 3rem); max-width: calc(30% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g25 { flex-basis: calc(25% - 3rem); max-width: calc(25% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g20 { flex-basis: calc(20% - 3rem); max-width: calc(20% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g15 { flex-basis: calc(15% - 3rem); max-width: calc(15% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g10 { flex-basis: calc(10% - 3rem); max-width: calc(10% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g05 { flex-basis: calc(5% - 3rem); max-width: calc(5% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

  .mobile_g66 { flex-basis: calc(66.66% - 3rem); max-width: calc(66.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g33 { flex-basis: calc(33.33% - 3rem); max-width: calc(33.33% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }
  .mobile_g16 { flex-basis: calc(16.66% - 3rem); max-width: calc(16.66% - 3rem); margin-left: 1.5rem; margin-right: 1.5rem; }

  .gridRowsNogap > .mobile_g100 { flex-basis: 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g95 { flex-basis: 95%; max-width: 95%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g90 { flex-basis: 90%; max-width: 90%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g85 { flex-basis: 85%; max-width: 85%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g80 { flex-basis: 80%; max-width: 80%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g75 { flex-basis: 75%; max-width: 75%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g70 { flex-basis: 70%; max-width: 70%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g65 { flex-basis: 65%; max-width: 65%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g60 { flex-basis: 60%; max-width: 60%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g55 { flex-basis: 55%; max-width: 55%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g50 { flex-basis: 50%; max-width: 50%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g45 { flex-basis: 45%; max-width: 45%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g40 { flex-basis: 40%; max-width: 40%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g35 { flex-basis: 35%; max-width: 35%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g30 { flex-basis: 30%; max-width: 30%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g25 { flex-basis: 25%; max-width: 25%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g20 { flex-basis: 20%; max-width: 20%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g15 { flex-basis: 15%; max-width: 15%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g10 { flex-basis: 10%; max-width: 10%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g05 { flex-basis: 5%; max-width: 5%; margin-left: 0; margin-right: 0; }

  .gridRowsNogap > .mobile_g66 { flex-basis: 66.66%; max-width: 66.66%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g33 { flex-basis: 33.33%; max-width: 33.33%; margin-left: 0; margin-right: 0; }
  .gridRowsNogap > .mobile_g16 { flex-basis: 16.66%; max-width: 16.66%; margin-left: 0; margin-right: 0; }

}