/* [ON BIG SCREEN] */
/* Wrapper */
.container {
    max-width: 940px;
    margin: 3rem auto
}

.content {
    float: left;
    width: 80%;
}

.sidebar {
    float: left;
    width: 20%;
}

#page-nav {
  /* width: 100%; */
  background: #276749;
  display: block;
  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
  padding-left: 0;
  margin: 2rem 0;
}

/* Hide Hamburger */
#page-nav label, #hamburger {
  display: none;
}

/* Menu Items */
#page-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}
#page-nav ul li {
  display: inline-block;
  padding: 16px;
  font-size: 18px;
  box-sizing: border-box;
}
#page-nav ul li a {
  /* color: #fff; */
  text-decoration: none;
  color: white;
}
#page-nav ul li.selected {
  background: #38A169;
}

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* Show Hamburger */
  #page-nav label {
    display: inline-block;
    /* color: #fff; */
    /* background: #a02620; */
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #page-nav ul li {
    display: block;
  }
  #page-nav ul li {
    border-top: 1px solid #22543D;
  }

  /* Toggle show/hide menu on checkbox click */
  #page-nav ul {
    display: none;
  }
  #page-nav input:checked ~ ul {
    display: block;
  }
}

/* [DOES NOT MATTER] */
html, body {
  padding: 0;
  margin: 0;
  font-family: arial, sans-serif;
}