[gnome-web-www: 66/68] Don't use CSS flex on mobile views

[Tom Tryfonidis <tomtryf src gnome org>]

commit b8b71047017d73cd2a84f6b9d8f6669fa2c8e021
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Tue Jan 24 17:07:00 2017 +0200

    Don't use CSS flex on mobile views
    
    as it breaks the layout of donation boxes

 theme/css/responsive.css |   12 +++++++-----
 1 files changed, 7 insertions(+), 5 deletions(-)
---
diff --git a/theme/css/responsive.css b/theme/css/responsive.css
index 6351901..f0ab9cf 100644
--- a/theme/css/responsive.css
+++ b/theme/css/responsive.css
@@ -13,10 +13,6 @@
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
-    -webkit-flex:1;
-    -ms-flex:1;
-    -webkit-box-flex:1; 
-    flex:1;
 }
 
 @media screen and (min-width: 767px) {
@@ -73,6 +69,13 @@
         margin-top: -2px;
         margin-left: 270px;
     }
+    .equalizer,
+    .equalizer > div[class*='col-'] {
+        -webkit-flex: 1;
+        -ms-flex: 1;
+        -webkit-box-flex: 1;
+        flex: 1;
+    }
 }
 
 @media screen and (max-width: 767px) {
@@ -120,7 +123,6 @@
         -webkit-column-count: 1;
         column-count: 1;
     }
-
 }
 
 @media (min-width:768px) and (max-width: 991px){