.wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 60px auto 60px;
  grid-template-areas:
  "nav nav nav nav"
  "main main main main"
  "foot foot foot foot"
}
.header {
  grid-area: nav;
}
main {
  grid-area: main;
}
footer {
  grid-area: foot;
}
/*------------MEDIA QUERIES------------*/
@media (max-width: 638px) {
  }