.scrollContainer {
  overscroll-behavior: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow: hidden;
  background-color: var(--primary);
  padding-top: 10vh;
}

@media screen and (min-width: 1200px) {
  .scrollContainer {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: initial;
    display: flex;
    padding-top: initial;
  }
}

.section {
  height: 100%;
  background-color: var(--primary);
  position: relative;
}

@media screen and (min-width: 1200px) {
  section {
    flex: 0 0 80vw;
    margin-left: -1px;
    height: calc(100vh - var(--page-space) * 2);
  }
}

.section:nth-child(1) {
}

@media screen and (min-width: 1200px) {
  .section:nth-child(1) {
    flex: 0 0 74vw;
    margin-left: 20vw;
  }
}

.section:nth-child(2) {

}

@media screen and (min-width: 1200px) {
  .section:nth-child(2) {
    flex: 0 0 80vw;
  }
}

.section:nth-child(3) {

}

@media screen and (min-width: 1200px) {
  .section:nth-child(3) {
    flex: 0 0 80vw;
  }
}

.section:nth-child(4) {
}

@media screen and (min-width: 1200px) {
  .section:nth-child(4) {
    flex: 0 0 80vw;
  }
}

.section:nth-child(5) {
}

@media screen and (min-width: 1200px) {
  .section:nth-child(5) {
    flex: 0 0 80vw;
  }
}

.section:nth-child(6) {
}

@media screen and (min-width: 1200px) {
  .section:nth-child(6) {
    flex: 0 0 70vw;
  }
}

.section:nth-child(7) {
}

@media screen and (min-width: 1200px) {
  .section:nth-child(7) {
    flex: 0 0 70vw;
  }
}

.section:nth-child(8) {
  background-color: var(--light);
}

@media screen and (min-width: 1200px) {
  .section:nth-child(8) {
    flex: 0 0 auto;
  }
}


.section:nth-child(9) {
  background-color: var(--light);
}

@media screen and (min-width: 1200px) {
  .section:nth-child(9) {
    flex: 0 0 60vw;
    height: calc(100vh - var(--page-space) * 2);
  }
}


.proxy {
  position: absolute;
  visibility: hidden;
}