.container {
  display: grid;
  grid-template-columns: 50vw repeat(auto-fill, minmax(400px, 1fr));
  /*grid-template-rows: calc((100dvh - 61px)/2);*/
  grid-template-rows: calc((100dvh - 121px)/2);
  grid-gap: 6px;
  margin-top: 7px;
  margin-left: 7px;
  padding-right: 10px;
  margin-right: 7px;
  height: calc(100vh - 120px);
  overflow-y: auto;
}


.left {
  height:calc(((100dvh - 126px)/2) - 4px);
  width: calc(50vw - 2px);
  position: sticky;
  align-self: start;
  z-index: 1;
}


.lTop {
  background-color: black;
  top: 0px;
  grid-row: 1/2;
}


.lBottom {
  background-color: black;
  top: calc((100dvh - 110px)/2);
  grid-row: 2/3;
}


.fill1 {
  position: relative;
  grid-column: 1/2;
  grid-row: 3/8; /*second number needs to be (total slideShowContainers-2) *2*/
  z-index: 0;
}


.right {
  grid-row: span 2;
  max-height: calc(100dvh - 120px); /*-61*/
  min-height: calc(100dvh - 120px);
/*  margin-bottom: 65px;*/
}


.thanks a {
  color: white;
}


.valQ {
  display: grid;
  grid-template-rows: 1fr 25px;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin-top: 10px;
}


@media (max-width: 1250px) {
  .valQ {
    grid-template-rows: 75dvh 45px;
  }
}

@media (max-width: 1250px) and (orientation: portrait) {
  .valQ {
    grid-template-rows: 75dvh 15px;
  }
}


@media (min-width: 1250px) {
  .videoWrapperLimit {
    max-width: 50vw !important;
  }
}


@media (min-width: 1250px) {
  .dotPlus {
    display:grid;
    width: 90%;
    grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
  }
}