.grid {
  display: grid;
  margin: 0;
  column-gap: 1.2em;
}
.grid-full-col {
  grid-template-columns: 1fr;
}
.grid-full-col .info-card img {
  height: 40em;
  object-fit: cover;
}
.grid-2-cols {
  grid-template-columns: repeat(2, 1fr);
}
.grid-60-40 {
  grid-template-columns: 60% 40%;
  margin-bottom: 0;
}
.grid-3-cols {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.grid-3-cols2 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-4-cols {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 1.5em;
}
.grid-30-70 {
  grid-template-columns: 30% 1fr;
}
.grid.grid-55-45 {
  grid-template-columns: 50% 1fr;
  column-gap: 5em;
}

.grid-6-cols {
  grid-template-columns: repeat(6, 1fr);
}

.grid-6-cols .grid-1-cols {
  grid-template-columns: repeat(6, 1fr);
}
.grid-6-cols .grid-1-cols article,
.grid-6-cols .gc1 {
  grid-column: span 6;
}
.grid-6-cols .gc2,
.grid-6-cols .gc {
  grid-column: span 3;
}
.grid-6-cols .gc3 {
  grid-column: span 2;
}
.grid-6-cols .section-heading {
  grid-column: 1 / 7;
}
.gc2 > .info-card > a,
.gc3 > .info-card > a,
.gc1 > .info-card > a,
.gc > .info-card > a.hoverImg {
  width: 100%;
  height: 0;
  padding-top: 125%;
  display: block;
  background-color: rgba(0, 0, 0, 0.035);
}
.gc1 > .info-card > a {
  padding-top: 52.64%;
}
.gc2 img,
.gc3 img,
.gc1 img,
.gc img {
  /*display: none;*/
  position: absolute;
  top: 0;
}
.node-type-landing-page-2019 .gc1 > .info-card > a {
  padding-top: 36.19%;
}
.grid-6-cols .grid-2-cols .gc {
  grid-column: span 1;
}
.grid-6-cols .grid-3-cols {
  grid-template-columns: repeat(3, 1fr);
}
.grid-6-cols .grid-3-cols .gc {
  grid-column: span 1;
}
@media screen and (max-width: 1000px) {
  .grid-4-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  /*.grid-6-cols .gc1{
    grid-column: span 6;
  }.grid-6-cols .gc2{
    grid-column: span 3;
  }*/
  .grid-6-cols .gc3 {
    grid-column: span 3;
  }
  .grid-6-cols .grid-3-cols {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-6-cols .grid-3-cols .gc {
    grid-column: span 1;
  }
  .grid.grid-55-45 {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1000px) and (min-width: 590px) {
  .grid-6-cols .grid {
    display: contents;
  }
  .showrooms .grid-6-cols .grid {
    display: grid;
    grid-template-columns: 1fr;
  }
  .grid-6-cols .grid .info-card {
    grid-column: span 3;
  }
  .grid-6-cols .grid-2-cols .gc {
    grid-column: span 3;
  }
  .grid-6-cols .grid-2-cols .gc {
    grid-column: span 3;
  }
  .grid-6-cols .grid-3-cols .gc {
    grid-column: span 3;
  }
  .grid-6-cols .grid.grid-1-cols .info-card {
    grid-column: span 6;
  }
}
@media screen and (max-width: 768px) {
  /*.grid-2-cols,
  .grid-60-40,
  .grid-4-cols,
  .grid-30-70 {
    grid-template-columns: 1fr;
  }*/
  .grid {
    /* row-gap: 1.2em; */
    margin-inline: 0;
  }
  .grid-2-cols.fixed {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 750px) {
  .page-checkout .grid-2-cols {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 590px) {
  .grid-2-cols,
  .grid-60-40,
  .grid-4-cols,
  .grid-30-70,
  .grid-6-cols .grid-3-cols {
    grid-template-columns: 1fr;
  } /*.grid-6-cols .gc1{
    grid-column: span 6;
  }*/
  .grid-6-cols .gc2 {
    grid-column: span 6;
  }
  .grid-6-cols .gc3 {
    grid-column: span 6;
  }
  .grid-6-cols .grid-3-cols .gc {
    grid-column: span 1;
  }
}

.grid-6-cols .grid {
  grid-column: 1 / -1;
}
pre.sf-dump,
pre.sf-dump .sf-dump-default {
  grid-column: 1 / -1;
}