<style>
    .navbar-nav{
        text-align: left !important;
    }
    header *{
        font-weight: 500!important;
        font-family: 'Roboto', sans-serif;
    }
</style>
<header>
    <nav class="navbar navbar-expand-lg header" style="padding: 0px; padding-top: 8px; padding-bottom: 8px;">
        <div class="container-fluid">
                <a class="navbar-brand" style="color:#004e64;font-weight:bold; font-size:1.5em;" href="/">
                    <img src="/planeicon.jpg" alt="logo" width="100" height="100" class="d-inline-block"> TRAVEL EXPERTS
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                    
                <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-link" style="color:#004e64;" href="/">Home</a>
                    <a class="nav-link" style="color:#004e64;" href="vacation">Vacation Packages</a>
                    <a class="nav-link" style="color:#004e64;" href="contact">Contact Us</a>
                    <a class="nav-link" style="color:#004e64;" href="register">Register</a>
                    <a class="nav-link" style="color:#004e64;" href="signin">Login</a>
                </div>
            </div>
        </div>
    </nav>
</header>
