/* SECTION LAYOUT -- needs refactor, not really used (but partially) */

.spaces.spaces-type--trio {
  display: grid;
  grid-template-columns: 30% 40% 30%;
}

.spaces.spaces-type--duo {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 20px;
}

.spaces.spaces-type--split {
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 20px;
}

.spaces.spaces-type--full {
  display: grid;
  grid-template-columns: 100%;
  gap: 20px;
}

.spaces.spaces-type--50 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
}

.spaces.spaces-type--7030 {
  display: grid;
  grid-template-columns: 70% 30%;
  gap: 20px;
}

.spaces.spaces-type--duo .space-third { display: none; }

.spaces.spaces-type--none {
  display: grid;
  grid-template-columns: 100%;
}

@media screen and (max-width: 1000px) {
  .spaces.spaces-type--duo {
    grid-template-columns: 100%;
  }
  .spaces.spaces-type--trio {
    grid-template-columns: 50% 50%;
  }

  .spaces.spaces-type--duo .space-second {
    display: none;
  }
  .spaces.spaces-type--trio .space-second {
    display: none;
  }
}