/* Logo top left, menu bottom left */





/* header desktop */

@media all and (min-width: 768px) {

  .hgroup {
    width: 100%;
    margin: 0;
    margin-bottom: 1em;
    
  }

  header {
    padding: 2em 0 1em 0;
  }

  nav {
  }

  .flexnav {
  }

  .menu  {
   text-align: left;
  }

  .menu > li {
    margin: 0 2em 0 0;   /* gap between top items */
  }

  .menu > li:first-child {
    margin-right: 2em; /* reset default */
  }  

  .menu > li:last-child {
    margin: 0;  /*  remove gap on last */
  }

  .menu .menu-item-search-toggle {
    right: 1em;
  }

}