mobile weaks for social links, etc

_sass/_mixins.scss

@@ -1,12 +1,6 @@
 // Mixins
 // ---------------------------------------/
 
-@function em( $fontSize, $contextSize: 16 ) {
-  @return 1em * ( $fontSize / $contextSize ); }
-
-@function pct( $size, $context ) {
-  @return percentage( $size / $context ); }
-
 @mixin border-radius($radius) {
   -webkit-border-radius: $radius;
   -moz-border-radius: $radius;
@@ -46,16 +40,12 @@
   @media (min-width: $screen_width) { @content; }
 }
 
-@mixin media_1 {
-  @media (min-width: 700px) { @content; }
+@mixin media_larger_than_mobile {
+  @media (min-width: 600px) { @content; }
 }
 
-@mixin media_2 {
-  @media (min-width: 900px) { @content; }
-}
-
-@mixin media_3 {
-  @media (min-width: 1100px) { @content; }
+@mixin media_mobile {
+  @media (max-width: 600px) { @content; }
 }
 
 // type utilities

_sass/_resume.scss

@@ -50,13 +50,18 @@
       font-size: 1.75rem;
       line-height: 2rem;
       letter-spacing: -.05rem;
-      margin: 0;
+      text-align: center;
+      margin: 0 0 .5rem;
+
+      @include media_larger_than_mobile {
         float: left;
+        margin: 0;
+      }
     }
   }
 
   .executive-summary {
-    @media screen and (min-width: 600px) { font-size: 1.125rem; }
+    @include media_larger_than_mobile { font-size: 1.125rem; }
   }
 }
 
@@ -64,9 +69,17 @@
   margin: 0;
   padding: 0;
   list-style: none;
-  float: right;
   position: relative;
   top: 4px;
+  text-align: center;
+  border-top: 2px solid #c7c7c7;
+  padding-top: .4rem;
+
+  @include media_larger_than_mobile {
+    float: right;
+    border-top: none;
+    padding-top: 0;
+  }
 
   .icon-link-item {
     display: inline-block;