Added proportional avatar sizing

Improved font weights

app/assets/stylesheets/components/_forms.scss

@@ -279,11 +279,17 @@ form.square {
   .controls {
     @include span-columns(9);
     @include shift(3);
+    font-weight: 400;
 
     &.inline {
       margin-left: 0;
       width: auto;
     }
+
+    input[type=submit],
+    button {
+      font-weight: 400;
+    }
   }
 }
 

app/assets/stylesheets/components/_tabs.scss

@@ -28,6 +28,7 @@
         float: left;
         display: block;
         color: white;
+        font-weight: 400;
 
         &:hover {
           cursor: pointer;

app/assets/stylesheets/layout/_header.scss

@@ -95,21 +95,25 @@ header .banner {
       vertical-align: middle;
 
       .avatar {
-        @include span-columns(12);
-        height: em(135);
-        background: transparentize($light-gray, 0.5);
         margin: 0 em(20) 0 0;
         text-align: center;
-        border-radius: 75px;
+        border-radius: em(100);
+        padding: em(5);
         vertical-align: middle;
+        position: relative;
+        width: 100%;
+        padding-bottom: 100%;
+        float: left;
+        height: 0;
 
         img {
-          padding: em(10);
-          float: left;
-          max-width: em(135);
+          background: transparentize($light-gray, 0.75);
           width: 100%;
-          height: auto;
-          border-radius: 75px;
+          height: 100%;
+          position: absolute;
+          left: 0;
+          border-radius: em(100);
+          padding: em(5);
         }
       }
 

app/assets/stylesheets/mixins/_buttons.scss

@@ -17,6 +17,7 @@
   border: 0;
   text-transform: uppercase;
   cursor: pointer;
+  font-weight: 400;
 
   &:hover {
     color: lighten($light-blue, 30);