#overview {
  grid-area: ovrv;
}

#timeline {
  grid-area: time;
}

@media screen and (max-width: 30em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " ovrv ovrv ovrv ovrv ovrv ovrv ovrv ovrv ovrv ovrv ovrv ovrv" " time time time time time time time time time time time time";
  }
}
@media screen and (min-width: 30em) {
  main {
    grid-template-areas: " bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr bnnr" " ovrv ovrv ovrv ovrv ovrv ovrv time time time time time time";
  }
}