.wrapper{
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

nav{
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

nav .nav-wrapper{
  grid-column-start: 3;
  grid-column-end: 4;
  display: flex;
  justify-content: flex-end;
}

header{
  grid-column-start: 1;
  grid-column-end: 4;
  display: grid;
  grid-template-columns: 1fr 6fr 1fr;
}

.header-img{
  grid-column-start: 1;
  grid-column-end: 4;
}

.header-content{
  grid-column-start: 2;
  grid-column-end: 3;
}

.project-header{
  grid-column-start: 2;
  grid-column-end: 3;
}

main{
  grid-column-start: 1;
  grid-column-end: 4;
  margin-left: 12vw;
  margin-right: 12vw;
}

footer{
  grid-column-start: 1;
  grid-column-end: 4;
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px) {

  nav{
    display: block;
  }

  header{
    display: block;
  }
  
  main{
  margin-left: 5vw;
  margin-right: 5vw;
}
}