<section class="w3l-bootstrap-header fixed-top" style="border-bottom:3px solid #9c2a26">
  <nav class="navbar navbar-expand-lg navbar-light py-lg-2 py-2">
    <div class="container">
    <a class="navbar-brand" href="index">
        <img src="./assets/images/logo.png" alt="GNK & Associates" title="GNK & Associates" style="height:2em;" />
    </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon fa fa-bars"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="index">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="team">Team</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="practice-areas">Practice Areas</a>
          </li>
          <!-- <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Practice Areas
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="services">Services</a>
              <a class="dropdown-item" href="blog">Blog</a>
              <a class="dropdown-item" href="blog-single">Blog Single</a>
              <a class="dropdown-item" href="single">Landing Page</a>
            </div>
          </li> -->
          <li class="nav-item">
            <a class="nav-link" href="contact">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
</section>
<div style="height:4em"></div>