Typography tidying (#22)

* Tidying the container wrapper situation

* Adding CSS grid file and importing it

* Tidying up sponsor section and using grid to set sponsors out

* Tidying footer section

* Adding body inner wrapper section bottom margins back in

* Tidying layouts of talks, speakers and workshops pages

* More footer nav tidying

* Tidying the header nav mobile styles

* More footer nav tidying

* Replacing Source sans with Work sans and updating heading styles throughout

* Fixing more conflicts

* General tidying after merge and typography updates

* Adjusting h3 font size

* include grid in storypark

* sticky header

source/about.html.slim

@@ -5,7 +5,7 @@ title: About
 section.h-lots-of-padding-top
   .body-inner-wrapper
     .body-inner-wrapper__section#about
-      h2 📕 About Kiwi Ruby
+      h1 📕 About
       p Kiwi Ruby is the first Ruby conference in New Zealand.
       p Ruby is a friendly and interesting language, and the community is full of friendly and interesting people.
       p We want to give the community the opportunity to learn and grow, and we want to showcase the talent we have right here in New Zealand.

source/assets/public/footer/index.css

@@ -1,30 +1,44 @@
 .footer {
-  margin-bottom: 6rem;
+  position: relative;
+  margin-bottom: 4rem;
+  padding-right: 7rem;
 }
   .footer__credit {
-    color: var(--text-color);
-    font-size: 1.3rem;
-    margin-top: 1rem;
+    color: #999;
+    font-size: 1.1rem;
+    margin-bottom: 2rem;
   }
+
   .footer__credit a {
     color: var(--primary-color);
     text-decoration: none;
   }
   .footer__birb {
+    width: 3rem;
     margin-top: 2rem;
-    width: 4rem;
   }
 
 /* Footer nav */
 .footer-nav {
-  margin-bottom: 4rem;
 }
+  .breakpoint-phone .footer-nav {
+    margin-bottom: 1rem;
+  }
 
 .footer-nav__list {
 }
 
 .footer-nav__list-item {
   display: inline-block;
   padding-right: 3rem;
-  font-size: 1.5rem;
+  font-size: 1.3rem;
+}
+
+.footer-nav__list-item a {
+  display: block;
+  margin-bottom: 2rem;
+}
+
+.breakpoint-phone .footer-nav__list-item a {
+  margin-bottom: 1rem;
 }