diff --git a/assets/stylesheets/responsive/_footer_layout.scss b/assets/stylesheets/responsive/_footer_layout.scss
new file mode 100644
index 0000000..87793c6
--- /dev/null
+++ b/assets/stylesheets/responsive/_footer_layout.scss
@@ -0,0 +1,48 @@
+/* Footer layout */
+#footer {
+  @include grid-row;
+  border-top: 1px solid #c6c6c5;
+  padding-top: 10px;
+  margin-top: 50px;
+}
+
+
+
+#footer-nav{
+
+  @include grid-column(12);
+
+  ul{
+    padding: 0;
+    list-style: none outside none;
+  }
+
+  /* Three elements in footer - so a 3 element block grid */
+  @include respond-min( $main_menu-mobile_menu_cutoff ){
+    >ul {
+      @include block-grid(3);
+      font-size:0.85em;
+      li {
+        text-align: left;
+      }
+    }
+   /* @include ie8{
+         #footer-nav ul > li:nth-child(3n+1) {
+           padding-left: 0em;
+           padding-right: 1.40625em;
+         }
+         #footer-nav ul > li:nth-child(3n+2) {
+           padding-left: 0.46875rem;
+           padding-right: 0.9375rem;
+         }
+         #footer-nav ul > li:nth-child(3n) {
+           padding-left: 1.40625em;
+           padding-right: 0em;
+         }
+       }*/
+
+    img {
+      display: inherit;
+    }
+  }
+}
diff --git a/assets/stylesheets/responsive/_footer_style.scss b/assets/stylesheets/responsive/_footer_style.scss
new file mode 100644
index 0000000..feb16a1
--- /dev/null
+++ b/assets/stylesheets/responsive/_footer_style.scss
@@ -0,0 +1,2 @@
+/* Footer */
+