update Marquee layout

Author: jscottsmith

examples/components/IntroCopy/IntroCopy.scss

@@ -10,7 +10,8 @@
     align-items: space-around;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    margin-top: 25vh;
+    height: 50vh;
 }
 
 :local(.copy) {

examples/components/Marquee/Marquee.js

@@ -4,16 +4,11 @@ import { Svg } from 'components';
 import { Parallax } from 'react-scroll-parallax';
 import boxBg from '!!raw-loader!./box-bg.svg';
 import boxOutline from '!!raw-loader!./box-outline.svg';
+import divider from '!!raw-loader!../shared/divider.svg';
 
 const Marquee = () => (
     <div className={style.root}>
-        <Parallax
-            offsetYMax={20}
-            offsetYMin={-20}
-            slowerScrollRate
-        >
-            <hr className={style.hr} />
-        </Parallax>
+        <Svg svg={divider} className={style.divider} />
         <div className={style.container}>
             <Svg
                 svg={boxBg}

examples/components/Marquee/Marquee.scss

@@ -8,17 +8,15 @@
     position: relative;
     display: flex;
     flex-flow: column wrap;
-    align-items: space-around;
-    justify-content: center;
+    justify-content: space-between;
     align-items: center;
     height: 50vh;
-    margin-bottom: 100vh;
+    margin-bottom: 25vh;
 }
 
-:local(.hr) {
-    position: absolute;
-    top: -30%;
-    transform: skewY(-10deg);
+:local(.divider) {
+    display: block;
+    width: 100%;
 }
 
 :local(.container) {