Add style classification to distinguish between pane and full page for #id

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

@@ -2,12 +2,12 @@
 @import mixins
   
 
-#beta
+#beta.pane
   @include lightbg
   .row
     @include panepadding
 
-#map
+#map.pane
   @include darkbg
   .row
     @include panepadding
@@ -15,7 +15,7 @@
     background-repeat: no-repeat
     background-position: left center
 
-#groups
+#groups.pane
   @include darkbg
   .row
     @include panepadding
@@ -23,7 +23,7 @@
     background-repeat: no-repeat
     background-position: left center
 
-#producers
+#producers.pane
   @include turqbg
   .row
     @include panepadding
@@ -33,6 +33,6 @@
 
 // Responsive 
 @media all and (max-width: 768px)
-  #map, #groups, #producers
+  #map.pane, #groups.pane, #producers.pane
     .row
       background-position: center center

app/views/home/_beta.html.haml

@@ -1,4 +1,4 @@
-#beta
+#beta.pane
 
   .row
     .small-12.columns.text-center

app/views/home/_groups.html.haml

@@ -1,4 +1,4 @@
-#groups
+#groups.pane
 
   .row
     .small-12.columns.text-center

app/views/home/_map.html.haml

@@ -1,4 +1,4 @@
-#map
+#map.pane
 
   .row
     .small-12.columns.text-center

app/views/home/_producers.html.haml

@@ -1,4 +1,4 @@
-#producers
+#producers.pane
 
   .row
     .small-12.columns.text-center