#wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
    grid-template-rows: 139px 189px 600px 200px;
}
nav{
    grid-row: 1/2;
    grid-column: 3/-1;
    background-color: black;
    padding: 2rem;
    border: darkgrey solid 2px;
}

nav a{
    padding:8%;
    color:white;
    text-decoration: none;
    font-size: 22px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: ease-out 0.4s;
}

header{
    grid-row: 1/4;
    grid-column: 1/3;
    background-color: black;
    border-left: darkgrey solid 2px;
    border-bottom: darkgrey solid 2px;
    border-top: darkgrey solid 2px;

}

header a{
    color: white;
    text-decoration: none;
    font-size: 80px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
    margin:0px;
    background-color: white;
}



main {
    grid-row: 2/4;
    grid-column: 3/-1;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 2;
    padding: 2rem;
    font-size: 12px
}

footer {
    grid-row: 4/5;
    grid-column: 1/-1;
    text-align: left;
    font-size: 9.5px;
    padding-left: 34px;
    color:white;
    background-color: black;
}

nav a:hover{
    background-color: darkgrey;
}

img{
    width: 100%;
}

@media only screen and (max-width: 992px) {


    nav{
        grid-row: 1/3;
        grid-column: 4/-1;
    }
    nav a{
        line-height:4;
        padding:9%;
        font-size: 32px;
        }

    header{
        grid-column: 1/4;
        grid-row: 1/3;
    }
    header a{
        font-size: 63px;
    }

    main{
        grid-row: 3/4;
        grid-column: 1/4;
        font-size: 10px;
        padding: 1rem;
        line-height: none;
        width: 768px;
    }

    
}



@media only screen and (max-width: 768px) {

  header a{
      font-size: 38px;
  }

  header{
      grid-column: 1/4;
      grid-row: 1/2;
  }

  nav{
      grid-column: 4/-1;
      grid-row: 1/2;
  }

  nav a{
      font-size: 12px;
      padding: 4%;
  }

  main{
      grid-row: 3/4;
      grid-column: 1/-1;
    margin-top: 220px;
    font-size: 7px;
  }


}