<header id="header">
  <div class="container d-flex">
    <a href="{{ home_url('/') }}" class="navbar-brand mr-auto"><span class="sr-only">Conde Nast College</span></a>
      @if (has_nav_menu('primary_navigation'))
        {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'container' => 'nav', 'container_id' => 'main-nav',  'walker' => new Bootstrap_Menu_Walker()]) !!}
      @endif
    <div class="search-holder">
      <div class="search-form">
        <form action="{!! home_url() !!}">
          <div class="input-group">
            <input type="search" name="s" class="form-control" placeholder="Search">
            <div class="input-group-append">
              <button type="submit" class="btn btn-light"><i class="fas fa-search"></i><span class="sr-only">search</span></button>
            </div>
          </div><!-- / input-group -->
        </form>
      </div><!-- / search-form -->
      <a href="#" class="btn btn-light search-opener"><i class="fas fa-search"></i><span class="sr-only">open search</span></a>
    </div><!-- / search-holder -->
    <a href="#main-nav" class="btn-menu d-lg-none">
      <span>&nbsp;</span><span>&nbsp;</span><span>&nbsp;</span>
      <em class="sr-only">toggle mobile menu</em>
    </a>
  </div><!-- / container -->
</header><!-- / header -->