Restructuring and layout fixes

src/components/Header.js

@@ -11,7 +11,6 @@ let menuClasses =
 class Header extends Component {
   render() {
     return (
-      <div>
         <header className="bg-saburly-indigo">
           <nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
             <Link to="/">
@@ -50,7 +49,6 @@ class Header extends Component {
             </div>
           </nav>
         </header>
-      </div>
     )
   }
 }

src/components/PageIntro.js

@@ -10,17 +10,19 @@ const PageIntro = ({ ...props }) => (
         <SectionIntro
           light
           intro={props.intro}
-          classes="lg:text-left lg:max-w-xs content-center"
+          classes={`lg:text-left lg:max-w-sm content-center ${
+            props.sectionClasses
+          }`}
           headline={props.headline}
           text={props.text}
         />
-        { props.button && 
-        <Button
-          text={props.buttonText}
-          url={props.url}
-          classes={props.buttonClasses}
-        />
-        }
+        {props.button && (
+          <Button
+            text={props.buttonText}
+            url={props.url}
+            classes={props.buttonClasses}
+          />
+        )}
       </div>
       {props.image && (
         <img