#navcontainer {
    background-color: white;
}

#navcontainer a {
  color: #6a6a6a;
}

#navcontainer #pageslist a:hover {
  color: #212121;  
}

#navcontainer > a {
  color: rgb(206,169,100);
}

#navcontainer a.active {
  color: #212121;
}

#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: 75px;
  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 : 839px) {
  #gridcontainer {
    padding-top: 130px;
  }
}

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

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