/* Homepage arrangements; common geometry comes from page-grid. */
@media only screen and (max-width: 599px) {
.home-page-layout {
      grid-template-columns: repeat(1, 1fr);

      max-width: 600px;
      grid-template-areas: 
         "weekly_class"  
         "articles"   
         "watch_learn" 
         "data_sites"
         "site_features"
         "teaching"
    }
}
@media only screen and (min-width: 600px) {
.home-page-layout {
      grid-template-columns: repeat(6, 1fr);

      max-width: 950px;
      grid-template-areas: 
         "weekly_class   weekly_class   articles       articles      articles    articles"
         "watch_learn watch_learn watch_learn  watch_learn    teaching  teaching   "
         "site_features  site_features   site_features     data_sites   data_sites   data_sites "
    }
}
@media only screen and (min-width: 1200px) {
.home-page-layout {
      grid-template-columns: repeat(4, 1fr);

      max-width: 1200px;
      grid-template-areas: 
         "weekly_class  data_sites     articles  articles  "
         "site_features   watch_learn  watch_learn        teaching    "
    }
}