Changing order of events on homepage to make shopping the most obvious thing on homepage.

app/assets/stylesheets/darkswarm/home_panes.css.sass

@@ -10,9 +10,12 @@
     .row
       @include panepadding
 
-#brand-story.pane, #system.pane, #stats.pane
+#system.pane, #stats.pane
   background-color: lighten($ofn-grey, 44%)
 
+#brand-story.pane
+  background-color: white
+
 #cta.pane, #shops.pane, #producer-signup.pane, #shops-signup.pane
   background-image: url("/assets/tile-wide.png")
   background-color: white

app/views/home/_cta1.html.haml

@@ -2,6 +2,7 @@
   .row
     .small-12.columns.text-center
       %h3 Shopping that changes the world. 
+      %h5 Browse Open Food Network Australia
       %br
       %a.button.primary{href: "/shops"}
         Shop now

app/views/home/index.html.haml

@@ -10,8 +10,8 @@
 .ng-cloak
 
 #panes
-  = render partial: "home/brandstory"
   = render partial: "home/cta1"
+  = render partial: "home/brandstory"
   = render partial: "home/system"
   = render partial: "home/cta2"
   = render partial: "home/stats"