1 files changed, 50 insertions, 6 deletions
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 6a63871..33d6729 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -246,8 +246,13 @@ img.picwide {
     }
     @include breakpoint(delta) {
         margin-left: -245px;
-        width: 1140px;
-        max-width: 1140px;
+        width: $breakpoint-delta;
+        max-width: $breakpoint-delta;
+    }
+    @include breakpoint(epsilon) {
+        margin-left: -245px;
+        width: $max_width * .98;
+        max-width: $max_width;
     }
 }
 .picwide figcaption {
@@ -257,12 +262,16 @@ img.picwide {
     @include generic_sans;
     @include breakpoint(gamma) {
         text-align: right;
-        width: 960px;
-        max-width: 960px;
+        width: $breakpoint-gamma;
+        max-width: $breakpoint-gamma;
     }
     @include breakpoint(delta) {
-        width: 1170px;
-        max-width: 1170px;
+        width: $breakpoint-delta;
+        max-width: $breakpoint-delta;
+    }
+    @include breakpoint(epsilon) {
+        width: $max_width;
+        max-width: $max_width;
     }
 }
 figure.picwide > img.picwide {
@@ -350,6 +359,41 @@ figure.picwide > img.picwide {
         }
     }
 }
+.image-cluster {
+    @include constrain_wide;
+    @extend %clearfix;
+    margin-bottom: 1em;
+    div img {
+        float: left;
+        width: 100%;
+        padding: 0;
+        margin: 0 6px 6px 0;
+    }
+    div a:last-of-type {
+        img { 
+            margin-right: 0;
+        }
+    }
+    .picwide {
+        margin: 0;
+        padding: 0;
+        max-width: 100%;
+        width: 100%;
+        background: none;
+    }
+}
+.pic66 {
+    max-width: 63.9%;
+}
+.pic33 {
+    max-width: 35.5%;
+}
+.row-3  .pic33 {
+    max-width: 33%;
+}
+.pic5 {
+    max-width: 49.5%;
+}
 
 .embed-wrapper {
     @include constrain_wide;