.misc-content {
  padding: 0.1in 0;
  
  display: grid;
  grid-template-columns: 1fr 0.5in [start] 1.25in 5in 1.25in [end] 0.5in 1fr;
  
  /* background: linear-gradient(yellow, white); */
  background: linear-gradient(hsl(170, 50%, 73%), white 6.55rem);
}

.misc-content * { grid-column: start / end;}

header {
  padding: 0.1in 0;
  
  display: grid;
  grid-template-columns: 1fr 0.5in [start] 1.25in 5in 1.25in [end] 0.5in 1fr;
  
  /* background: linear-gradient(yellow, white); */
  /* background: linear-gradient(hsl(55, 100%, 96%), white 6.55rem);*/
}

header * { grid-column: start / end;}

nav {
  padding: 0.1in 0;
  
  display: grid;
  grid-template-columns: 1fr 0.5in [start] 1.25in 5in 1.25in [end] 0.5in 1fr;
  
  /* background: linear-gradient(yellow, white); */
  /* background: linear-gradient(hsl(55, 100%, 96%), white 6.55rem); */
}

nav * { grid-column: start / end;}

/* a { box-shadow: inset 0 -0.1em hsl(55, 100%, 75%); } */
nav a { font: 700 1.25rem/1.2 "Arial"; color: rgb(0, 0, 128); }
footer {
font: 400 0.9rem/1.5 "Arial";
color: hsl(000, 000%, 33%); 
text-align: center;
margin-top: 1rem;
}

.misc-content ul {
  display: block;
  list-style-type: disc;
  margin-top: 0em;
  margin-bottom: 1.0rem;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  font: 400 1.0rem/1.5 "Arial";
  color: hsl(000, 000%, 33%);
}

.misc-content p { margin-bottom: 1rem; }

/* Adjust when screen width becomes too small */
@media (max-width: 8.5in) { :root { font-size: 18px; } }
@media (max-width: 5in) { :root { font-size: 16px; } }

@media (max-width: 8.5in) {
  .misc-content { grid-template-columns: 1fr 5% [start] 15% 60% 15% [end] 5% 1fr; }
  header { grid-template-columns: 1fr 5% [start] 15% 60% 15% [end] 5% 1fr; }
  nav { grid-template-columns: 1fr 5% [start] 15% 60% 15% [end] 5% 1fr; }
}