diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0e3d569..0345ff8 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -12,7 +12,7 @@
         {{ end }}
     </head>
     <body>
-        <section class="section" id="top">
+        <section id="top" class="section">
             <!-- Begin Title -->
             <div class="container hero {{ if .Site.Params.fadeIn | default true }} fade-in one {{ end }}">
                 {{ block "title" . }}
diff --git a/layouts/index.html b/layouts/index.html
index 6dede6b..6bb259f 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,7 +8,7 @@
         {{ partial "css/owlCarousel.html" . }}
     </head>
     <body>
-        <div id="top">
+        <section id="top" class="section">
             {{ with .Site.GetPage "/home" }}
             <div class="hero is-{{ .Site.Params.home.introHeight | default "large" }}">
                 <!-- Super sweet Hero body title -->
@@ -103,7 +103,7 @@
 
                 {{ partial "footer/text.html" . }}
             </div>
-        </div>
+        </section>
         <!-- End of fade in three section -->
         {{ partial "footer/scripts.html" . }}
         {{ partial "js/owlCarousel.html" . }}
