#main-wrapper {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 125px auto;
  grid-template-areas: 
    "header"
    "main";  
}

header {
  grid-area: header;
}

main {
  grid-area: main;
}

footer {
  grid-area: footer;
}