2 files changed, 92 insertions, 38 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;
 }
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 0fc6a62..37c7c8f 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -366,50 +366,81 @@ figure.picwide img.picwide {
     @include constrain_wide;
     @extend %clearfix;
     margin-bottom: 1em;
+    max-width: 100%;
+    p {
+        max-width: 100%;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+
     img {
         width: 100%;
         padding: 0;
+        max-width: 100%;
     }
-    div img {
-        float: left;
-        width: 100%;
-        padding: 0;
-        margin: 0 6px 6px 0;
+    .picwide { 
+        margin-bottom: 0;
+    }
+    .pic66 {
+        max-width: 63.9%;
     }
-    div a:last-of-type {
-        img { 
-            margin-right: 0;
+    @include breakpoint(beta-2) {
+        .picwide {
+            padding: 0;
+            margin-bottom: 0;
+            max-width: 100%;
+            width: 100%;
+            background: none;
+        }
+        .row-2 {
+            a:last-of-type img{
+                float: right;
+            }
+        }
+        .row-right .pic25 {
+            max-width: 49%;
+        }
+        .pic25 {
+            max-width: 24.5%;
         }
     }
-    .picwide {
-        margin: 0;
-        padding: 0;
-        max-width: 100%;
-        width: 100%;
-        background: none;
+    @include breakpoint(beta) {
+        div img {
+            width: 100%;
+            padding: 0;
+            margin: 0 6px 6px 0;
+        }
+        div a:last-of-type {
+            img { 
+                margin-right: 0;
+            }
+        }
+        .pic5 {
+            max-width: 49.5%;
+            margin: 0 6px 6px 0;
+            float: left;
+        }
+        .pic25 {
+            max-width: 50%;
+        }
+        .row-3  .pic33 {
+            max-width: 32.3%;
+        }
     }
-    .row-right {
-        float: right;
+    @include breakpoint(gamma) {
+        .row-right {
+            float: right;
+        }
+        .row-3  .pic33 {
+            max-width: 32.6%;
+        }
     }
-}
-.pic66 {
-    max-width: 63.9%;
-}
-.pic33 {
-    max-width: 35.5%;
-}
-.row-3  .pic33 {
-    max-width: 33%;
-}
-.pic5 {
-    max-width: 50.6%;
-    margin: 0 6px 6px 0;
-}
-.row-right .pic25 {
-    max-width: 49.5%;
-}
-.pic25 {
-    max-width: 24.5%;
+    @include breakpoint(epsilon) {
+        .row-3  .pic33 {
+            max-width: 32.8%;
+        }
+    }
+
 }
 
 .embed-wrapper {