footer.css.scss in bookends-0.5.1

- old
+ new

@@ -53,10 +53,12 @@
   padding-top: 15px;
   background: $color-background;
   box-shadow: 0 1px 1px 0 fade-out($color-background, .9) inset;
   font-size: 13px;
   color: #999;
+  line-height: 1.8em;
+  -webkit-font-smoothing: antialiased;
 
   * {
     @include box-sizing(border-box);
   }
 
@@ -84,24 +86,34 @@
     list-style: none;
     padding-left: 0;
     font-weight: 200;
   }
 
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    line-height: 1.1em;
+    padding: 0;
+  }
+
   h3 {
     color: $color-purple;
     font-size: 14px;
+    font-weight: 500;
   }
 
   h4 {
     margin: 1.33em 0;
-    padding: 0;
     font-size: 12px;
     text-align: left;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: .1em;
     color: $color-header;
+
     @include screen($screen: $threshold-mobile) {
       text-align: center;
     }
   }
 
@@ -122,28 +134,27 @@
   }
 
   .col {
     display: block;
     float: left;
-    @include screen($screen: $threshold-mobile) {
-       width: auto;
-       float: none;
-    }
-  }
 
-  .wrapper > .col {
     ul {
-      margin-left: 0;
+      margin: 1em 0;
     }
 
     li {
-      margin-left: 0;
+      margin: 0;
     }
+  }
 
-    @include screen() {
-      float: none;
-      width: 100%;
+  .wrapper {
+
+    .col {
+      @include screen() {
+        float: none;
+        width: 100%;
+      }
     }
   }
 
   .heroku-footer-links {
     @include clearfix();
@@ -235,18 +246,22 @@
     }
 
     iframe {
       position: relative;
       width: 100%;
+      margin: 0;
+
       @include screen(min-width, $threshold-tablet) {
         border-bottom: 1px solid $color-border;
       }
     }
 
   }
 
   .tertiary {
     p {
+      margin: 1em 0;
+      padding: 0;
       font-size: 13px;
       color: #999;
     }
     ul {
       margin: 13px 0 10px;