body {
  margin:0;
  font-family: Open Sans, Arial, sans-serif;
}
ul {
  padding:0;
  list-style-type: none;
}
/* activate grid class */
.grid-container {
display: grid;
grid-template-columns: 1fr minmax(auto, 1080px) 1fr;
grid-template-rows: auto;
grid-template-areas: ". content .";
}
.grid{
  grid-area: content;
}
/* Header top side */
header>:first-child {
  background-color: #31708f;
}
header>:first-child div {
  padding: 1em 2em 1em 2em;
  display:flex;
  align-items: center;
  background-color: #31708f;
}
header>:first-child img {
  width: 66px;
  padding-right: 1rem;
}
header>:first-child p {
  margin:0;
  font-size: 20px;
  font-weight: 700;
  color: white;
}
/* Desktop Header navigation bar */
header>:last-child {
  background-color: #83A8BB;
}
@media only screen and (min-width: 980px) {

header>:last-child>nav>ul {
  display:flex;
  align-items: center;
  justify-content: center;
  margin:0;
}
header>:last-child>nav>ul>li>a {
  display:block;
  padding: 1.5em 1em 1.5em 1em;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  color:#000;
}
}
/* Mobile Header navigation bar 
#checkbox-toggle {
  visibility: hidden;
}
label.hamburger {
  cursor:pointer;
  font-size: 20px;
  font-weight: 700;
}*/

/* Footer */
footer {
  background-color: #31708f;
  height: 400px;
}