.container {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: 
  "panel_left l4d2      logo   dod         panel_right"
  "panel_left l4d2_play logo   dod_paly    panel_right"
  "panel_left l4d2_maps logo   dod_maps    panel_right"
  "panel_left o_f       logo   dod_gg      panel_right"
  "panel_left play_of   logo   dod_gg_play panel_right"
  "panel_left of_maps   logo   dod_gg_maps panel_right"
  "panel_left data      data   data        panel_right"
  "panel_left bottom    bottom bottom      panel_right"
  "footer_left footer   footer footer      footer_right";
  grid-template-columns: 240px 150px auto 150px 240px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto;
}