.Header{
  grid-template-columns: auto;
  background: var(--main-col);
  height: 82vw;
}
#home .H_info{
  height: initial;
  background: var(--main-col)
}

#home .Nav{
  grid-column: 2/3;
}


#home .Header img{
  mask: none;
  width: initial;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
}

#home .Socials{
  grid-template-columns:auto 10vw 10vw 10vw auto;
  height: 10vw;
}

#home .instagram{
  height: 100%;
}
#home .facebook{
  height: 100%;
}#home .linkedin{
  height: 100%;
}

/*////////////////////////////////////////////////*/

#projects .Nav {
  grid-template-columns: auto auto auto auto;
    
}

#projects .Nav a{
  transform: translate(0,0);
}


#projects #firstNav, #about #firstNav, #contact #firstNav{
  grid-column: 1/2;
  border-bottom-left-radius: 0em;
}

#projects #lastNav, #about #lastNav, #contact #lastNav{
  border-bottom-right-radius: 0em;
}


#projects h2{
  font-size: x-large;
}

#projects .projectHeader h2{
  width: 90%;
}

#projects .GithubLink{
  margin: 0.5em 0em;
}

#projects .title{
  margin-top: 80px;
}

/* ////////////////////////////////////////////// */


#about .imgSlideshow{
  display: none;
}

#about .content{
  grid-template-areas: "title"
    "headshot"
    "paragraph";
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  margin-top:2em;
}

#about .title{
  margin-top:1em;
}

#about .Nav, #contact .Nav{
  grid-template-columns: auto auto auto auto;
}


#about .Nav a, #contact .Nav a{
  background: rgb(101, 78, 49);
  color: var(--h1-col);
}

/* ////////////////////////////////////////////////////////// */

#contact .Nav{
  margin: 0em;
  position: initial;
}

#contact .Nav a{
  transform: translate(0,0);
}