body {
  min-height: 100vh;
  overflow: hidden;
  background-color: #dddddd;
  display: grid;
  grid-template-columns: minmax(11.25rem, 18.75rem) 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    "header header"
    "nav main"
    "footer footer";
}

header { grid-area: header; }
nav { grid-area: nav; }
main { grid-area: main; }
footer { grid-area: footer; }

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}

.center-text {
  text-align: center;
}

.wrap-child {
  overflow: hidden;
}