Need a right border on these elements

Problem is, a border only looks good when the menu is on a single row. Below 1200px wide it goes to two rows. Then more rows appear as you get even narrower. It seems that additional padding or margins are also being added around the menu items at narrower widths. Then the border really looks bad.

You could add something like this media query for screens wider than 1200px. This just adds to the definition on line 101 of style.css.

@media screen and (min-width: 1200px) {
  header nav ul li a {
    border-right: 1px solid #ffce65;
  }
}