#other li {
  margin: 0.5em 0;
}
#other li > ul.unstyled {
  margin: 0.5em 0;
}

#mission {
  grid-area: mssn;
}

#meetings {
  grid-area: mtgs;
}

#documents {
  grid-area: docs;
}

#updates {
  grid-area: updt;
}

#minutes {
  grid-area: mnts;
  display: none;
}

@media screen and (max-width: 30em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " mssn mssn mssn mssn mssn mssn mssn mssn mssn mssn mssn mssn" " mtgs mtgs mtgs mtgs mtgs mtgs mtgs mtgs mtgs mtgs mtgs mtgs" " docs docs docs docs docs docs docs docs docs docs docs docs" " updt updt updt updt updt updt updt updt updt updt updt updt" " mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts";
  }
}
@media screen and (min-width: 30em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " mssn mssn mssn mssn mssn mssn mtgs mtgs mtgs mtgs mtgs mtgs" " mssn mssn mssn mssn mssn mssn updt updt updt updt updt updt" " docs docs docs docs docs docs updt updt updt updt updt updt" " mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts mnts";
  }
}