[ux] small amendments to buttons and added header styles

public/css/app/aux.styl

@@ -34,3 +34,9 @@
     padding-bottom: 20px
 
 
+@media screen and (min-width: 768px)
+
+  .box
+    width: 50%
+
+

public/css/app/forms.styl

@@ -37,17 +37,18 @@ label
 
 button, a.button
   display: inline-block
-  text-decoration: none
-  text-align: center
   roundall(3px)
   border: none
   height: 35px
+  min-width: 80px
   padding: 0 1em
   color: white
   background: $activeBlue
   line-height: 35px
   font-size: 14px
   font-weight: bold
+  text-decoration: none
+  text-align: center
   cursor: pointer
 
   &:hover

public/css/app/layout.styl

@@ -9,12 +9,15 @@ body
   font-weight: 400
   -webkit-font-smoothing: antialiased
 
-  #pages
+h1, h2, h3, h4
+  color: darken($baseText, 30%)
+
+#pages
   position: absolute
   top: 0px
   right: 0px
   left: 156px
   borderbox()
 
-  #menu
+#menu
   width: 155px

public/css/otalk.css

@@ -664,7 +664,13 @@ body {
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
 }
-body #pages {
+h1,
+h2,
+h3,
+h4 {
+  color: #3c3c3c;
+}
+#pages {
   position: absolute;
   top: 0px;
   right: 0px;
@@ -673,7 +679,7 @@ body #pages {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
-body #menu {
+#menu {
   width: 155px;
 }
 .aux header {
@@ -716,6 +722,11 @@ body #menu {
   margin: 0;
   padding-bottom: 20px;
 }
+@media screen and (min-width: 768px) {
+  .box {
+    width: 50%;
+  }
+}
 input[type=text],
 input[type=email],
 input[type=search],
@@ -770,8 +781,6 @@ label {
 button,
 a.button {
   display: inline-block;
-  text-decoration: none;
-  text-align: center;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
@@ -780,12 +789,15 @@ a.button {
   border-radius: 3px;
   border: none;
   height: 35px;
+  min-width: 80px;
   padding: 0 1em;
   color: #fff;
   background: #00aeef;
   line-height: 35px;
   font-size: 14px;
   font-weight: bold;
+  text-decoration: none;
+  text-align: center;
   cursor: pointer;
 }
 button:hover,