minor tidy up of wrappers

Author: lancebecker

css/main.scss

@@ -9,6 +9,10 @@ img {
   margin: 0;
 }
 
+.headroom {
+  box-shadow: 0 0 8px rgba( #000, 0.3 );
+}
+
 .primary-navigation {
   display: flex;
   background: #fff;

pages/_template.jsx

@@ -17,7 +17,7 @@ module.exports = React.createClass({
   },
   render () {
     return (
-      <div>
+      <div className="site-wrapper">
         <Headroom style={{background: '#fff'}}>
           <Container className="primary-navigation" >
             <Link to={prefixLink('/')} >
@@ -38,11 +38,7 @@ module.exports = React.createClass({
           </Container>
         </Headroom>
 
-        <Container
-          style={{
-            maxWidth: '100vw'
-          }}
-        >
+        <Container style={{ maxWidth: '100vw' }} >
           {this.props.children}
         </Container>
       </div>