Switched background image SVGs into regular images, made logo go over the top of the menu on mobile.

public/styles/components/_image-section.scss

@@ -5,10 +5,9 @@
  *  Dependencies:
  *
  *  Version:
- *    1.0.0 - 2018/05/11
+ *    1.1.0 - 2018/08/14
  */
 .c-image-section {
-  position: relative;
 
   &__image {
     display: block;
@@ -16,6 +15,8 @@
   }
 
   &.is-full {
+    position: relative;
+    
     .c-image-section__image {
       @include t-absolute-fill();
       object-fit: cover;
@@ -32,4 +33,28 @@
       width: 100%;
     }
   }
+
+  //Background Image
+  &.is-background {
+    position: relative;
+
+    .c-image-section {
+      &__image {
+        @include t-absolute-fill();
+        object-fit: cover;
+        object-position: bottom center;
+      }
+
+      &__content {
+        position: relative;
+
+        &-inner {
+          position: relative;
+          height: 100%;
+          width: 100%;
+        }
+      }
+    }
+  }
+
 }

public/styles/components/_navbar.scss

@@ -10,7 +10,7 @@
  *    styles/tool/list.scss
  *
  *  Version:
- *    1.0.0 - 2018/05/03
+ *    1.1.0 - 2018/08/14
  */
 $c-navbar--link-thickness: 5px;
 
@@ -40,6 +40,9 @@ $c-navbar--link-thickness: 5px;
   }
 
   &__logo {
+    //To Allow the logo to go over the top of the menu!~
+    position: relative;
+    z-index: $s-z--logo;
     width: 7em;
   }