/* [ON BIG SCREENS] */
/* (A) WRAPPER */
#menu {
  width: 100%;
  /* Optional */
  position: sticky;
  top: 0;
}

/* (B) HORIZONTAL MENU ITEMS */
#hamitems { display: flex; }
#hamitems A {
  flex-grow: 1;
  flex-basis: 0;
  padding: 20px 0;
}
/* #hamitems A:hover { background: #af0d0d; } */

/* (C) HIDE HAMBURGER */
#menu 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 #333;
  }

  /* (B) SHOW HAMBURGER ICON */
  #menu LABEL {
    display: inline-block;
/*    color: white;
    background: #a02620; */
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

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