/*!
* 08/27/2019
* Version 1.0
* Hondros CSS GRID Styles
* wsoe@apuswsoe.info
* Andrew Paulson
*/

body, .layout {
  display: table;
  width: 100%;
  margin: 0 auto;
}
body > header, .layout > header {
  display: table-row;
  width: 100%;
  vertical-align: top;
}
body > .main, .layout > .main {
  display: table-row;
  width: 100%;
  vertical-align: top;
}
body > footer, .layout > footer {
  display: table-row;
  width: 100%;
  vertical-align: top;
}
body > .banner, .layout > .banner {
  display: table-row;
  vertical-align: top;
}

body, .layout {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
  grid-template-areas:
    "header"
    "banner"
    "main"
    "footer"
  ;
}
body > header, .layout > header {
  grid-area: header;
}
body > .banner, .layout > .banner {
  grid-area: banner;
}
body > .main, .layout > .main {
  grid-area: main;
}
body > footer, .layout > footer {
  grid-area: footer;
}