menu layout improvements

assets/sass/_custom.scss

@@ -3,3 +3,10 @@
 	justify-content: center;
 }
 
+.nav-link {
+    font-size: 130%;
+}
+
+.nav-link.active {
+    font-weight: bold;
+}

layouts/partials/header.html

@@ -1,24 +1,25 @@
 <header class="site-header">
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-md navbar-light bg-light">
 
   <a class="navbar-brand" href="{{ .Site.BaseURL }}"><img src="{{.Site.BaseURL}}img/{{.Site.Params.logo}}" alt="{{.Site.Title}}"></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" 
-          data-target="#navbarColor03" aria-controls="navbarColor03" 
+
+  <button class="navbar-toggler" 
+          type="button" data-toggle="collapse" 
+          data-target="#navbar1" aria-controls="navbar1" 
           aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>
 
-  <div class="collapse navbar-collapse" id="navbarColor03">
-    <ul class="navbar-nav mr-auto pull-right">
-      {{ $currentPage := . }}
-      {{ range .Site.Menus.main }}
-      <li class="nav-item">
-        <a href="{{ .URL }}"
-           class="nav-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
-           title="{{ .Title  }}">{{ .Name }}</a></li>
-      {{ end }}
-    </ul>
-  </div>
+  <ul class="nav navbar-nav navbar-collapse justify-content-end"
+      id="navbar1">
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.main }}
+    <li class="nav-item">
+      <a href="{{ .URL }}"
+         class="nav-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
+         title="{{ .Title  }}">{{ .Name }}</a></li>
+    {{ end }}
+  </ul>
 
 </nav>
 </header>