e:nth-child(5) {
      order: 1;
    }

    header {
      line-height: 1;
      grid-column: 1 / span 3;
      order: 2;
    }


    @media (max-width: 1000px) {
      header {
        grid-column: 1 / span 2;
      }

      article:nth-child(5) {
        order: 3;
      }
    }

    @media (max-width: 500px) {
      header {
        grid-column: 1 / span 1;
      }

      article:nth-child(1),
      article:nth-child(2),
      article:nth-child(3),
      article:nth-child(4) {
        order: 3;
      }
  