<nav mat-tab-nav-bar fxHide fxShow.gt-sm>
  <a mat-tab-link href="/search" routerLinkActive="active">Search</a>
  <a mat-tab-link href="/my-courses" routerLinkActive="active">My courses</a>
  <a mat-tab-link href="/scheduler" routerLinkActive="active">Scheduler</a>
  <a mat-tab-link routerLink="/degree-planner" routerLinkActive="active" >Degree Planner</a>
  <a mat-tab-link href="/scheduler" routerLinkActive="active">Degree Audit (DARS)</a>
</nav>