From 65b6a68c7dc82e7523275dd439ae392a5d4e1bf9 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Wed, 10 Feb 2016 01:52:10 +0100
Subject: [PATCH] don't flexbox all .section, fixes wide screen row issue

---
 _src/_assets/styles/bigchain/_sections.scss | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/_src/_assets/styles/bigchain/_sections.scss b/_src/_assets/styles/bigchain/_sections.scss
index 4bcc425..a21f094 100644
--- a/_src/_assets/styles/bigchain/_sections.scss
+++ b/_src/_assets/styles/bigchain/_sections.scss
@@ -2,6 +2,7 @@
 .section {
     padding-top: ($spacer * 2);
     padding-bottom: ($spacer * 2);
+    min-height: 420px;
 
     &:last-child { border-bottom: none; }
 
@@ -9,17 +10,6 @@
     // don't affect layout
     overflow: hidden;
 
-    // vertically center everything
-    display: flex;
-    align-items: center;
-    min-height: 420px;
-    flex-wrap: wrap;
-
-    // HEADS UP!
-    // this fixes wrng wrapping of rows following each other
-    // BUT only in Chrome & Firefox, it destroys complete layout in Safari
-    //flex-flow: column;
-
     .row {
         flex: 0 0 100%;
     }
@@ -118,6 +108,11 @@
     background: url('../img/northern-lights-poster.jpg') no-repeat center center;
     background-size: cover;
 
+    .row {
+        position: relative;
+        z-index: 5;
+    }
+
     .section-title,
     .section-description,
     .header__title {