body {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }
  h1, h2, h3, h4 {
    margin: 0px;
    padding: 0px;
  }
  img {
    width: 100px;
    border: 1px black solid;
  }
  
  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    width: 800px;
    border: 1px black solid;
    place-self: center;
    grid-template-areas: 
    'h h h a'
    's m m a'
    's m m a'
    'f f f f'
    ;
  }
  
  .article, .section, .aside {
    border: 1px black solid;
    padding: 20px;
  }
  .header, .footer {
    border: 1px black solid;
    text-align: center;
    padding: 20px;
  }
  .header {
    grid-area: h;
    background-color: rgb(255, 0, 0);
    color: white;
  }
  .article {
    grid-area: m;
  }
  .section {
    grid-area: s;
    background-color: rgb(153, 255, 0);
  }
  .aside {
    grid-area: a;
    background-color: rgb(255, 255, 0);
    text-align: center;
  }
  .footer {
    grid-area: f;
    background-color: grey;
    font-size: 12px;
  }
  .nav {
    border: 1px black solid;
    background-color: white;
    text-align: left;
    padding: 20px;
  }
  .rekdiv {
    border: 1px red solid;
    background-color: white;
    margin: 10px;
    padding: 10px;
  }
  .link {
    font-weight: bold;
  }
  
  .uppercase {
    font-size: 24px;
  }