add cotect logo (closes #42)

src/_includes/membership-footer.html

@@ -0,0 +1,3 @@
+<section class="wrapper style7 special compressed">
+    <img src="/assets/images/Member-of-CoTech-logo-200.png" alt="Member of Co-Tech"/>
+</section>

src/_layouts/default.html

@@ -8,6 +8,7 @@
   {% include blog.html %}
   {% include services.html %}
   {% include contact.html %}
+  {% include membership-footer.html %}
   {% include footer.html %}
   {% include foot-scripts.html %}
 </body>

src/assets/styles/components/_wrapper.scss

@@ -210,6 +210,10 @@
     padding: 0;
   }
 
+  &.compressed {
+      padding: 2.5em 0;
+  }
+
   &.style1 {
     @include wrapper(accent1);
   }
@@ -234,6 +238,10 @@
     @include wrapper(accent4);
   }
 
+  &.style7 {
+    @include wrapper(accent5);
+  }
+
   @include breakpoint(medium) {
     @include padding(4em, 3em);
   }

src/assets/styles/libs/_vars.scss

@@ -82,5 +82,16 @@
       border-bg:    rgba(255,255,255,0.075),
       border2:    rgba(0,0,0,0.25),
       border2-bg:   rgba(255,255,255,0.2)
-    )
+    ),
+
+    accent5: (
+      bg:       #e2e2e2,
+      fg-bold:    #ffffff,
+      fg:       mix(#F3A712, #ffffff, 25%),
+      fg-light:   mix(#F3A712, #ffffff, 40%),
+      border:     rgba(0,0,0,0.125),
+      border-bg:    rgba(255,255,255,0.075),
+      border2:    rgba(0,0,0,0.25),
+      border2-bg:   rgba(255,255,255,0.2)
+    ),
   );