allow website to get wider, and change some things with how floats are handled

css/style.scss

@@ -70,7 +70,7 @@ body {
     font-family: $body-font;
     color: $body-text;
 
-    max-width: 800px;
+    max-width: 1000px;
     z-index: 0;
     margin-left: auto;
     margin-right: auto;
@@ -161,6 +161,7 @@ small {
 }
 
 .figure-gallery {
+    clear: both;
 
     .gallery-grid {
         margin-left: -60px;
@@ -212,17 +213,28 @@ small {
         width: 100%;
         height: auto;
     }
+
+
 }
 
 .figure-float {
-    width: 50%;
+    width: 33%;
     margin: 10px;
+    clear: both;
 
     img {
         width: 100%;
         height: auto;
     }
+
 }
+@media screen and (max-width: 500px) {
+
+    .figure-float {
+        width: 50%;
+    }
+}
+
 
 figcaption {
     text-align: center;