Wrap the nav and breadcrumbs in a <header> element

templates/default-layout.hamlet

@@ -1,4 +1,5 @@
-<nav .navbar .navbar-expand-lg .navbar-dark.bg-dark>
+<header>
+    <nav .navbar .navbar-expand-lg .navbar-dark.bg-dark>
         $maybe title <- appTitle $ appSettings master
             <a .navbar-brand href=@{HomeR}>#{title}
         <button type="button" .navbar-toggler data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar" aria-label="Toggle navigation">
@@ -14,8 +15,6 @@
                 $forall MenuItem label route _ <- navbarRightFilteredMenuItems
                     <li .nav-item :Just route == mcurrentRoute:.active>
                         <a .nav-link href=@{route}>#{label}
-
-<main>
     $if not $ null parents
         <ul .breadcrumb.rounded-0>
             $forall bc <- parents
@@ -24,10 +23,12 @@
             <li .breadcrumb-item.active>#{title}
     $maybe msg <- mmsg
       <div .alert.alert-info #message>#{msg}
+
+<main>
     ^{widget}
 
 <!-- Footer -->
-<footer .footer>
+<footer>
     <div .container>
         <p .text-muted>
             All content on this site is licensed under a