fix safari flexbox issues for plans and logo

app/styles/app/pages/logo.sass

@@ -1,13 +1,11 @@
 .landing-pro
   .list--fonts
     @extend %list
-    display: flex
-    flex-wrap: wrap
-    justify-content: space-between
     margin: 3em 0 7em
-    flex-direction: column
     @media #{$medium-up}
-      flex-direction: row
+      display: flex
+      flex-flow: row wrap
+      justify-content: space-between
     li
       flex: 1 0 33%
       margin-bottom: 2em
@@ -31,13 +29,10 @@
 
   .list--colors
     @extend %list
-    display: flex
-    flex-wrap: wrap
-    justify-content: space-around
-    flex-direction: column
     @media #{$medium-up}
-      flex-direction: row
-
+      display: flex
+      flex-flow: row wrap
+      justify-content: space-around
     li
       flex: 0 0 19%
     [class^="colors-sample"]

app/styles/app/pages/plans.sass

@@ -94,10 +94,9 @@
 
   .section--enterprise
     .inner
-      display: flex
-      flex-flow: column wrap
-      justify-content: space-between
       @media #{$medium-up}
+        display: flex
+        justify-content: space-between
         flex-flow: row wrap
 
     .section-text