fixed css for image clusters and house template

1 files changed, 26 insertions, 3 deletions

diff --git a/design/sass/_house.scss b/design/sass/_house.scss
index b3afcc0..b830cb2 100644
--- a/design/sass/_house.scss
+++ b/design/sass/_house.scss
@@ -1,12 +1,31 @@
 $blue: #39deea;
 
 .house .map img { background: none !important;}
-.house .map { float: left;}
+.house .map { 
+    height:234px;
+    width:100%;
+    margin-bottom: 8px;
+    @include breakpoint(gamma){
+        float: left; 
+        max-width: 33%;
+    }
+    @include breakpoint(delta){
+        max-width: 44%;
+    }
+    @include breakpoint(epsilon){
+        max-width: 50.5%;
+    }
+}
+.house #gmap_canvas { 
+    height:234px;
+    max-width:100%;
+}
 .house main { @include constrain_wide;}
 .house .picwide {
     background: none;
     max-width: 100%;
-    margin: 0;
+    margin-left: 0;
+    margin-right: 0;
     @include breakpoint(epsilon){
         width: 1280px;
     }
@@ -59,7 +78,9 @@ $blue: #39deea;
 .fsubhed {
     @extend %clearfix;
     @include constrain(1140px);
+    clear: both;
     margin-top: 6em;
+    margin-bottom: 6em;
     h2 {
         margin-top: 0;
         float: left;
@@ -85,5 +106,7 @@ $blue: #39deea;
     a, a:visited, a:hover {
         color: $blue;
     }
-
+}
+.house .image-cluster {
+    margin-bottom: 3em;
 }