#local {
  grid-area: locl;
}

#seniors {
  grid-area: snrs;
}

#neighbors {
  grid-area: nbrs;
}

#maine {
  grid-area: main;
}

#legislators {
  grid-area: legs;
}

@media screen and (max-width: 30em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " locl locl locl locl locl locl locl locl locl locl locl locl" " nbrs nbrs nbrs nbrs nbrs nbrs nbrs nbrs nbrs nbrs nbrs nbrs" " main main main main main main main main main main main main" " legs legs legs legs legs legs legs legs legs legs legs legs" " snrs snrs snrs snrs snrs snrs snrs snrs snrs snrs snrs snrs";
  }
}
@media screen and (min-width: 30em) and (max-width: 45em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " locl locl locl locl locl locl nbrs nbrs nbrs nbrs nbrs nbrs" " main main main main main main legs legs legs legs legs legs" " snrs snrs snrs snrs snrs snrs . . . . . .";
  }
}
@media screen and (min-width: 45em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " locl locl locl locl main main main main legs legs legs legs" " nbrs nbrs nbrs nbrs snrs snrs snrs snrs . . . .";
  }
}