#container1 {
  display: grid;
  grid-template-areas: "nav nav  nav nav nav nav nav nav nav nav nav nav" "header header header header header header header header header header header header" "section section section section section section section section section section section section " "footer footer footer footer footer footer footer footer footer footer footer footer";
  width: 75%;
  margin: 10px auto;
}

nav {
  grid-area: nav;
  background-color: rgb(186, 204, 218);
  padding: 20px;
  text-align: center;
  top: 10px;
  position: sticky;
}
nav img[alt~=logo] {
  float: left;
  height: 50px;
  width: auto;
}
nav li {
  display: inline;
  list-style-type: none;
  margin-right: 1.5em;
}
nav li a {
  color: black;
}
nav .active {
  background-color: rgb(0, 160, 199);
  padding: 10px;
}

header {
  grid-area: header;
  text-align: center;
}

p {
  -moz-column-count: 2;
       column-count: 2;
}

section {
  grid-area: section;
}
section img[alt~=clicker] {
  float: left;
  height: 200px;
  width: auto;
  margin: 2px 10px;
}

@media only screen and (max-width: 900px) {
  #container1 {
    display: grid;
    grid-template-areas: "nav" "header" "section";
    width: 100%;
  }
  #container1 p {
    -moz-column-count: 1;
         column-count: 1;
  }
}/*# sourceMappingURL=clickerTraining.css.map */