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%;
 Color: #41e35e;
 background-color: #4c4f4c;
 font-size: 1.36em;
 grid-row: 4 / 5;
 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: 6 / 9;
 grid-column: 1 / -1;
}

#Nintendo3DShero{
  background-image: url("images/3DS.jpeg");
  width: 500px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  grid-row: 3 / 4;
  grid-column: 4 / 6 ;
}

#XboxOnehero{
  background-image: url("images/XboxOne.jpeg");
  width: 500px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  grid-row: 3 / 4;
  grid-column: 1 / 3 ;
}

#PS4hero{
  background-image: url("images/PS4.jpeg");
  width: 500px;
  height: 300px;
  background-repeat: no-repeat;
  background-size: cover;
  grid-row: 3 / 4;
  grid-column: 7 / 9 ;
}

.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;
}

#Nintendo3DShero{
  min-height: 200px;
  min-width: 200px;
  max-height: 200px;
  max-width: 200px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
  grid-row: 4 / 5;
  grid-column: 4 / 5 ;
}

#XboxOnehero{
  min-height: 200px;
  min-width: 200px;
  max-height: 200px;
  max-width: 200px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
  grid-row: 4 / 5;
  grid-column: 2 / 4 ;
}

#PS4hero{
  min-height: 200px;
  min-width: 200px;
  max-height: 200px;
  max-width: 200px;
  background-repeat: no-repeat;
  background-position: 80% 50%;
  grid-row: 4 / 5;
  grid-column: 6 / 9 ;
}

Main {
 grid-row: 5 / 7;
 grid-column: 1 / -1;
}

