<!-- nav-bar.php -->
  <header class="col-lg-8 mx-auto py-md-1 header-container" style="position: sticky; top: 0; width: 100%">
    <div class="row" style="height: 100%">
      <div
        class="col-xs-12 col-md-2 header-company-logo-container"
        style="display: flex; flex-direction: column; justify-content: center; align-items: center"
      >
        <div
          class="header-company-logo"
          style="
            background-image: url('https://unblast.com/wp-content/themes/unblast-beta/images/unblast.svg');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
          "
        ></div>
      </div>
      <div class="col-xs-12 col-md-8">
        <div class="row" style="height: 100%">
          <div
            class="col-12 search-box-container"
            style="display: flex; flex-direction: column; justify-content: center; align-items: center"
          >
            <div id="search-box">
              <div style="display: flex; justify-content: flex-end; align-items: center">
                <div class="input-group">
                  <input
                    type="text"
                    class="form-control search-input"
                    aria-label="Dollar amount (with dot and two decimal places)"
                    placeholder="Search"
                  />
                </div>
                <div style="position: relative; right: 30px; width: 0px">
                  <i class="fas fa-search"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
<!-- nav-bar.php -->