Bunch of IE 11 fixes (#88)

* remove flexbox sticky footer, fixes #87
* fix hidden headings
* fix hero layout
* fix testimonials
* IE 11 workaround for half grid bug
    - IE 11 bug: flex-basis doesn't account for box-sizing:border-box
    - see https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box
* fix wrigley placement

_src/_assets/styles/_page-community.scss

@@ -86,6 +86,7 @@
 #wrigley {
     @extend .img--responsive;
     vertical-align: bottom;
+    width: 400px;
     height: 220px;
     position: absolute;
     bottom: 0;

_src/_assets/styles/bigchain/_footer.scss

@@ -5,15 +5,3 @@
     color: $gray-light;
     padding-bottom: 0;
 }
-
-
-//
-// Nice, clean sticky footer with flexbox
-//
-body {
-    display: flex;
-    min-height: 100vh;
-    flex-direction: column;
-
-    > .content { flex: 1; }
-}

_src/_assets/styles/bigchain/_grid.scss

@@ -153,7 +153,10 @@
 }
 
 .grid--half {
-    > .grid__col { flex: 0 0 50%; }
+    > .grid__col {
+        flex: 0 0 50%;
+        max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
+    }
 }
 
 .grid--columns {
@@ -174,7 +177,10 @@
         > .grid__col { flex: 0 0 33.3%; }
     }
     .grid-small--half {
-        > .grid__col { flex: 0 0 50%; }
+        > .grid__col {
+            flex: 0 0 50%;
+            max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
+        }
     }
 }
 
@@ -192,7 +198,10 @@
         > .grid__col { flex: 0 0 33.3%; }
     }
     .grid-medium--half {
-        > .grid__col { flex: 0 0 50%; }
+        > .grid__col {
+            flex: 0 0 50%;
+            max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
+        }
     }
 }
 
@@ -210,6 +219,9 @@
         > .grid__col { flex: 0 0 33.3%; }
     }
     .grid-large--half {
-        > .grid__col { flex: 0 0 50%; }
+        > .grid__col {
+            flex: 0 0 50%;
+            max-width: 50%; // IE 11 workaround for bug (flex-basis doesn't account for box-sizing:border-box)
+        }
     }
 }

_src/_assets/styles/bigchain/_hero.scss

@@ -150,6 +150,7 @@ $menu-height-md: 66px;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
+        width: 100%;
     }
 }
 

_src/_assets/styles/bigchain/_testimonials.scss

@@ -15,9 +15,6 @@
 }
 
 .testimonial {
-    display: flex;
-    flex-wrap: wrap;
-
     .is-ready & {
         @extend .animation-slide-in-from-bottom;
         animation-fill-mode: backwards;
@@ -26,7 +23,7 @@
 
 .testimonial__quote,
 .testimonial__caption {
-    flex: 0 0 100%;
+
 }
 
 .testimonial__quote {