CSS for new header

[nmueller]

Here's the HTML:

<script src="https://kit.fontawesome.com/a78f3fec51.js" crossorigin="anonymous"></script>

<div id="custom-header">
<div id="branding-area">
<div class="container">
<div class="row" style="padding: 10px 10px;">
<div class="col-md-6">
<a href="https://www.nvcc.edu"><span style="font-weight: bold; color: #C99700;">NOVA</span></a>
<a href="https://www.nvcc.edu/academics/library/index.html"><span style="font-weight: ; color: black;">Libraries</span></a>
</div>
</div>
</div>
</div>
</div>

<div id="header-nav">
<nav class="navbar navbar-default" >
<div class="container">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-text visible-xs pull-right" id="menu-text">Menu</p>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="https://libguides.nvcc.edu/az.php"><span class="fa-solid fa-coins"></span> Databases</a></li>
<li><a href="https://libguides.nvcc.edu/"> <span class="fa-solid fa-location-dot"></span> Research Guides</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa-solid fa-file-pen"></span> Citing Sources <span class="fa-solid fa-caret-down"></span></a>
<ul class="dropdown-menu">
<li><a href="https://libguides.nvcc.edu/APACitationStyle">APA</a></li>
<li><a href="https://libguides.nvcc.edu/MLACitationStyle">MLA</a></li>
<li><a href="https://libguides.nvcc.edu/ChicagoTurabian">Chicago/Turabian</a></li>
<li><a href="https://libguides.nvcc.edu/citingmedia">Citing Media</a></li>
<li><a href="https://libguides.nvcc.edu/plagiarism">Plagiarism</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="fa-solid fa-question"></span> Get Help <span class="fa-solid fa-caret-down"></span></a>
<ul class="dropdown-menu">
<li><a href="https://libguides.nvcc.edu/sb.php?subject_id=72961">How to...</a></li>
<li><a href="https://www.nvcc.edu/academics/library/chat.html">24/7 Chat</a></li>
<li><a href="https://libanswers.nvcc.edu/">FAQs</a></li>
<li><a href="https://www.nvcc.edu/academics/library/hours-location-staff.html">Hours, Locations, Staff</a></li>
</ul>
</li>
</ul>

</div>

</div>
</nav>
</div>