#navcontainer {
  background-image: linear-gradient(to bottom, #d0d0d0, white);
}

#navcontainer a:not(.active) {
  color: var(--near-black);
}

#gridcontainer {
  display: grid;
  grid-template-columns: 320px 320px;
  justify-content: center; /* Centers the entire grid block on the page */
  column-gap: 40px; /* Adds space between columns */
  row-gap: 40px; /* Adds space between lines */
  padding-top: 76px;
  padding-bottom: 3%;
}

iframe {
  align-self: start;
  border: none;
}

@media only screen and (max-width : 682px) {
  #gridcontainer {
    grid-template-columns: auto;
  }
}

@media only screen and (max-width : 616px) {
  #gridcontainer {
    padding-top: 131px;
  }
}

@media only screen and (max-width : 373px) {
  #gridcontainer {
    padding-top: 166px;
  }
}