Body{
 background-color: #b9cfca;

}

Header {
 grid-column: 1 / -1;
 grid-row: 1 / 2;
}

Header h1 {
 line-height: 240%;
 height: 125px;
 background-color: #4c4f4c;
 font-size: 3em;
 text-align: center;
}

h1 a{
 Color: #41e35e;
 text-decoration: none;
}

h2{
 text-align: center;
 line-height: 240%;
 width: 100%;
 Color: #41e35e;
 background-color: #4c4f4c;
 font-size: 1.36em; 
  grid-row: 2 / 3;
 grid-column: 1 / -1;
}


Nav {
 background-color: #848484;
 text-align: center;
 font-size: 1.5em;
 grid-row: 2 / 3;
 grid-column: 1 / -1;

}
Nav a { 
 text-decoration: none;
 color: #41e35e;
 padding: 1rem 0rem;
 display: block;
 text-align: center;
 }

Nav ul {
 display: flex;
 margin-bottom: 0px;
 Padding-left: 0px;
}

nav ul li {
 width: 100%;
}
nav ul li.navitem {
 display: inline-block;
}

Main {
 grid-row: 5 / 9;
 grid-column: 1 / -1;
}

a {
  text-decoration: none;
}


.flex-gallery {
  display: flex;
  flex-flow: row nowrap;
  grid-column: 1/-1;
  gap: 15px;
}
.flex-gallery div {
  width: 100%;
}

#Nintendo3DShero{
  background-image: url("images/3DS.jpeg");
  width: 700px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}

#XboxOnehero{
  background-image: url("images/XboxOne.jpeg");
  width: 700px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}

#PS4hero{
  background-image: url("images/PS4.jpeg");
  width: 700px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
}

#Huhhero{
  background-image: url("images/Huh.jpg");
  width: 1450px;
  height: 500px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 2em;
  margin-left: 5em;
}

.wrapper{
 display: grid;
 grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
 grid-auto-rows: minmax(0px, auto);

}
























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



#wrapper {
display: grid;
grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
grid-auto-rows: minmax(0px, auto);
}

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

Header {
 grid-column: 1 / -1;
 grid-row: 1 / 2;
}

Header h1 {
 line-height: 240%;
 height: 125px;
 background-color: #4c4f4c;
 font-size: 2em;
 text-align: center;
}

h2{
 text-align: center;
 line-height: 240%;
 Color: #41e35e;
 background-color: #4c4f4c;
 font-size: 1.25em;
 grid-row: 3 / 4;
 grid-column: 1 / -1; 
}

nav {
background-color: #848484;
font-weight: bold;
font-size: 1em;
grid-row: 2 / 3;
grid-column: 1 / -1;

}
nav ul {
  margin-bottom: 0px;
  Padding-left: 0px;
  display: flex;
  flex-flow: column nowrap;
}

.flex-gallery {
  display: flex;
  flex-flow: row wrap;
  grid-column: 1/-1;
  gap: 15px;
}
.flex-gallery div {
  width: 100%;
}

#Nintendo3DShero{
  height: 200px;
  width: 325px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
}

#XboxOnehero{
  height: 200px;
  width: 325px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
}

#PS4hero{
  height: 200px;
  width: 325px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
}

Main {
 grid-row: 5 / 7;
 grid-column: 1 / -1;
}