get layouts kind of right

assets/styles/app/layout.sass

@@ -22,7 +22,6 @@
   min-height: 100%
 
 #left
-  float: left
   padding: 0 0 110px 0
   background-color: #fbfbfa
   border-right: 1px solid $color-border-normal
@@ -42,27 +41,38 @@
   padding: 20px 30px 80px
 
 @media #{$medium-up}
-  #left
-    width: grid-calc(3, 12)
-    float: left
-  #right
-    width: grid-calc(2, 12)
-    float: right
-  // #main
-  //   width: grid-calc(16, 12)
-  //   float: right
+
   #main
-    width: grid-calc(7, 12)
-    float: left
+    width: grid-calc(22, 24)
+    margin: auto
+
+  #profile
+    #main
+      width: grid-calc(18, 24)
+      float: left
+    #left
+      width: grid-calc(24, 24)
+    #right
+      width: grid-calc(6, 24)
+      float: right
 
 
 @media #{$large-up}
-  // #left
-  //   width: grid-calc(5, 24)
-  //   max-width: 300px
-  // #main
-  //   width: grid-calc(19, 24)
-  //   float: right
+  #left
+    width: grid-calc(5, 24)
+    float: left
+  #main
+    width: grid-calc(19, 24)
+    float: right
+
+  #profile
+    #left
+      width: grid-calc(5, 24)
+    #main
+      width: grid-calc(15, 24)
+      float: left
+    #right
+      width: grid-calc(4, 24)
 
 .travis-lint
   background-color: $travis-lint-bg

assets/styles/app/left.sass

@@ -15,5 +15,8 @@
       // @include box-sizing(border-box)
       border: 0
       background: $color-bg-input inline-image('ui/search.svg') no-repeat 95%
-      background-size: 5%
+      background-size: 3%
+
+      @media #{$large-up}
+        background-size: 5%
 

assets/styles/app/top.sass

@@ -51,6 +51,10 @@
       display: inline-block
       border: none
 
+  @media #{$medium}
+    li.traviscicom
+      display: none
+
   #burger
     font-size: 50px
     background: none