#grid {
  position: fixed;
  z-index: 100001;
  /* display: none; */
  opacity: 1;
  padding: 0 2rem;
  pointer-events: none;
}

.gray > * {
  color: gray !important;
}
.gray > a:hover {
  color: black !important;
}

#grid div.col:first-child {
  border-left: 1px solid #00f;
}
#grid div.col {
  pointer-events: none;
  border-left: 1px solid #00f;
  border-right: 1px solid #00f;
  border-spacing: -15px;
  height: 100vh;
  padding: 0;
  margin: 0 1rem;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}





/* MOBILE */

@media (max-width: 767.99px) {
  #grid {
    padding: 0 1rem;
  }

  #grid div.col {
    margin: 0 7.5px;
  }

  .border-right {
    border: 0 !important;
  }
}