center description text

frontend/src/Pages/styleHome.css

@@ -52,6 +52,13 @@
   justify-content: center;
   align-items: center;
 }
+
+.vertical-center-all {
+    display: flex;
+    flex-flow: column;
+    justify-content: center;
+}
+
 #why-wb {
   height: 100%;
   padding:3rem;

frontend/src/components/OpenData.css

@@ -2,3 +2,7 @@
   height: 100%;
   background-color: white;
 }
+
+#offset-top {
+    margin-top: 60px;
+}

frontend/src/components/OpenData.js

@@ -19,7 +19,7 @@ export default function liveData () {
 
           </Col>
 
-          <Col>
+          <Col className="vertical-center-all">
             <h2>Open Data</h2>
             <p>
                 Using EPA data, we created a score to identify which counties have good versus bad drinking water.

frontend/src/components/Subscribe.js

@@ -17,7 +17,7 @@ export default function subscribeView () {
             </Row>
           </Col>
 
-          <Col>
+          <Col className="vertical-center-all">
             <h2>Subscribe</h2>
             <p className="text-muted">Join a community that believes that water quality should be easy and assessable. Receive updates on notifications of any water quality issues within your neighborhood. Get the latest news from our blog.</p>
             <NavHashLink to="/subscribe/" className="btn btn-primary">

frontend/src/components/WorkShop.js

@@ -9,7 +9,7 @@ export default function WorkShop() {
     <article id="workshop" className="reverse-flex">
     <Container>
       <Row >
-        <Col >
+        <Col className="vertical-center-all" >
           <h2>Workshop</h2>
           <p class="text-muted">We organize workshops to inform you the basics of water quality and how you can navigate the wealth of data and find meaningful revelations about the state of water quality where you live. Click to subscribe to our mailing to be notified of our next workshop.</p>
         </Col>