Top level header with the University brand which links to the homepage and links to role-specific information.
Sits at the top of the page above the University navigation bar.
At the mobile breakpoint range (0 - 641px) the University header is removed from the top of the page and appended to the University navigation bar.
<!-- GLOBAL COMPONENT: University header -->
<header class="university-header">
<div class="row column">
<div class="university-header-flex">
<div class="brand">
<a href="/" class="logo">University of Bath</a>
</div>
<nav class="role-nav">
<ul aria-label="Role navigation">
<li><a href="https://www.bath.ac.uk/staff/">Staff</a></li>
<li><a href="https://www.bath.ac.uk/students/">Students</a></li>
<li><a href="https://www.bath.ac.uk/professional-services/development-alumni-relations/">Alumni</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-- End global component: University header -->