<header class="<?=($nav=='home'?'home':'sub')?>">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div id="main-nav">
                    <a href="/" id="main-logo"><img src="/img/logo-top-2.svg"/></a>
                    <i class="far fa-bars" id="toggle-menu"></i>
                    <ul class="nav justify-content-end" id="topnav">
                        <li class="nav-item">
                            <a class="nav-link<?=($nav=='home'?' active':'')?>" href="/" >Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link<?=($nav=='svcs'?' active':'')?>" href="/services">Services</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link<?=($nav=='work'?' active':'')?>" href="/work/sensi">Work</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link<?=($nav=='jobs'?' active':'')?>" href="/careers">Careers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link<?=($nav=='contact'?' active':'')?>" href="/contact">Contact</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link quote" href="/contact">Get A Quote</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>