siteHeaderLinks.html

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<style>
#headerLinks {
	display: flex;
    flex-flow: row wrap;
	justify-content: flex-end;
	
}
#headerLinks a.headlink {
	display: block;
	color: white;
	font-size: 1rem;
	font-weight: bold;
	margin-left: 20px;
	text-decoration: none;
	text-shadow: 1px 1px 0px black;
}
#headerLinks a.headlink:hover {
	transform: translateY(-2px);
}
.headlink .fas {
	color: #F5B11E;
	font-size: 1.5rem;
}
.headlink:hover .fas {
	color: #258ECD;
}
</style>
	<nav id="headerLinks" class="nav">
	<a href="https://kslib.info/SiteMap" class="headlink"><i class="fas fa-sitemap"></i> Site Map</a>
	<a href="http://kslc.org/" class="headlink"><i class="fas fa-address-card"></i> Library eCard Login</a>
	<a href="https://us.libraryh3lp.com/chat/slkreference@chat.libraryh3lp.com?skin=18078&identity=Lib" class="headlink"><i class="fas fa-comments"></i> Ask a Librarian</a>
	</nav>