/* [ON BIG SCREENS] */
/* (A) WRAPPER */
#hamnav {
  width: 100%;
  background: #61a95b;
  /* Optional */
  position: sticky;
  top: 0;
font-size:12px;
}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { display: flex; 
}
#hamitems a {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0px;
  color: white;
  text-decoration: none;
  text-align: center;
}
#hamitems a:hover { background: #7fc279; }

/* (C) HIDE HAMBURGER */
#hamnav label, #hamburger { display: none; }

/* [ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* (A) BREAK INTO VERTICAL MENU */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid #fff;
  }

  /* (B) SHOW HAMBURGER ICON */
  #hamnav label {
    display: inline-block;
    color: white;
    background: #61a95b;
    font-style: normal;
    font-size: 1.2em;
    padding: 3px;
  height:20px;
}

  /* (C) TOGGLE SHOW/HIDE MENU */
  #hamitems { display: none; }
  #hamnav input:checked ~ #hamitems { display: block; }
}

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