.page-rail > * {
  margin-bottom: map-get($spacers, block);

  &:last-child {
    margin-bottom: 0;
  }
}
.page-rail {
  &--sticky-children {
    display: flex;
    flex-direction: column;
    height: 100%;

    @media (min-width: 980px) {
      /* one item */
      > div:first-child:nth-last-child(1) {
      /* -or- > div:only-child { */
          height: 100%;
          min-height: fit-content;
      }

      /* two items */
      > div:first-child:nth-last-child(2),
      > div:first-child:nth-last-child(2) ~ div {
          height: 50%;
          min-height: fit-content;
      }

      /* three items */
      > div:first-child:nth-last-child(3),
      > div:first-child:nth-last-child(3) ~ div {
          height: 33.3333%;
          min-height: fit-content;
      }

      /* four items */
      > div:first-child:nth-last-child(4),
      > div:first-child:nth-last-child(4) ~ div {
          height: 25%;
          min-height: fit-content;
      }

      // fort first dive to also have a height of 600 incase it serves ad
      > div:first-child,
      > div:first-child + div {
        min-height: 650px !important;
      }
    }
  }
}