design shite

src/_includes/contact.html

@@ -8,13 +8,5 @@
       If you use encrypted email, here is our <a href="{{ "/assets/pgp/autonomic-key.asc" | relative_url }}">PGP key</a>.
       Our key fingerprint is: <br/><code id="fingerprint">82FC 87C5 1A71 902F DC10 2CF5 4F90 D55B B24B 1147</code>
     </p>
-
-    <p>Our postal address is:</p>
-    <address>
-        Autonomic Co-operative</br>
-        1539 Pershore Road </br>
-        Stirchley</br>
-        B30 2JH
-    </address>
   </header>
 </section>

src/_includes/footer.html

@@ -14,6 +14,13 @@
   <ul class="copyright">
     <li class="icon fa-creative-commons">&nbsp;{{ site.title }}</li>
   </ul>
+
+  <address>
+      Autonomic Co-operative</br>
+      1539 Pershore Road </br>
+      Stirchley</br>
+      B30 2JH
+  </address>
 </footer>
 
 </div>

src/_includes/membership-footer.html

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

src/_layouts/default.html

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

src/assets/styles/components/_wrapper.scss

@@ -211,7 +211,11 @@
   }
 
   &.compressed {
-      padding: 2.5em 0;
+      padding: 0.5em 0 0;
+
+      img {
+          max-width: 150px;
+      }
   }
 
   &.style1 {
@@ -238,10 +242,6 @@
     @include wrapper(accent4);
   }
 
-  &.style7 {
-    @include wrapper(accent5);
-  }
-
   @include breakpoint(medium) {
     @include padding(4em, 3em);
   }

src/assets/styles/main.scss

@@ -126,15 +126,15 @@ body.is-mobile {
 /* Footer */
 
 #footer {
-  @include padding(6em, 0);
+  padding: 4em 0 3.5em;
   background-color: darken(_palette(bg), 8);
   text-align: center;
+  color: rgba(255, 255, 255, 0.7);
 
   .icons {
     font-size: 1.25em;
 
     a {
-      color: _palette(fg-light);
 
       &:hover {
         color: _palette(fg);
@@ -143,7 +143,6 @@ body.is-mobile {
   }
 
   .copyright {
-    color: _palette(fg-light);
     font-size: 0.8em;
     letter-spacing: _size(letter-spacing-alt);
     list-style: none;