diff --git a/assets/css/bobastyle.css b/assets/css/bobastyle.css
index 8726fad..01e3b97 100644
--- a/assets/css/bobastyle.css
+++ b/assets/css/bobastyle.css
@@ -340,7 +340,7 @@ footer p {
    * or it will need its hover background to be chopped off on the left */
 }
 
-.header {
+.brand {
   flex-grow: 1;
   margin: 8px var(--page-margin);
   font-size: 1.25em;
@@ -348,7 +348,7 @@ footer p {
   align-items: center;
 }
 
-.header a {
+.brand a {
   color: inherit;
   font-weight: bold;
 }
diff --git a/layouts/_partials/top.html b/layouts/_partials/top.html
index 462d7da..c533280 100644
--- a/layouts/_partials/top.html
+++ b/layouts/_partials/top.html
@@ -1,9 +1,9 @@
-<div class="top">
-    <header class="header">
+<header class="top">
+    <div class="brand">
         <a href="{{ .Site.Home.Permalink | absLangURL }}">
             {{ .Site.Title | markdownify }}
         </a>
-    </header>
+    </div>
 
     <nav class="navbar" aria-label="{{ i18n "aria_navbar" }}">
         {{ with .Site.Home }}
@@ -21,4 +21,4 @@
                href="{{ .URL }}">{{ .Name }}</a>
         {{ end }}
     </nav>
-</div>
+</header>