unify bottom sections

_src/_assets/styles/page-features.scss

@@ -24,5 +24,31 @@
 
 
 .section-timeline {
-    @extend .background--light;
+    position: relative;
+
+    // background
+    background: url('../img/photo1.jpg') no-repeat center top;
+    background-size: cover;
+
+    // color overlay
+    &:before {
+        content: "";
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        right: 0;
+        background: linear-gradient(to top left, $brand-main-blue 0%, $brand-main-brown 100%);
+        opacity: .7;
+        z-index: 0;
+    }
+
+    .row { z-index: 1 }
+
+    .section-title,
+    .section-description {
+        color: #fff;
+    }
 }

_src/community.html

@@ -7,7 +7,7 @@ title: Community
 <section class="section section-community">
     <div class="row">
         <header class="section-header">
-            <h1 class="section-title">Get in touch with Bigchain</h1>
+            <h1 class="section-title">Get involved</h1>
         </header>
 
         <div class="grid grid--full grid-small--fit grid--gutters">

_src/features.html

@@ -63,11 +63,7 @@ title: Features
     <div class="row">
         <header class="section-header">
             <h1 class="section-title">Timeline.</h1>
+            <p class="section-description">Private beta is shipping now. Contact us more information. Public Bigchain will be released soon</p>
         </header>
-
-        <p>
-            Private beta is shipping now. Contact us more information. Public Bigchain will be released soon
-        </p>
-
     </div>
 </section>