Merge pull request #880 from ziburski/netlifycmsorg-new

Shipping Netlify CMS website 1.0

website/src/css/imports/base.css

@@ -1,10 +1,10 @@
 @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,900|Roboto+Mono:400,700);
 
 body {
+  background-color: $shadeBlue;
   color: $grey;
   font-family: $roboto;
   margin: 0;
-  text-align: center;
   -webkit-font-smoothing: antialiased;
   display: flex;
   flex-direction: column;
@@ -20,22 +20,23 @@ body {
 }
 
 h1 {
-  font-weight: $light;
-  font-size: $small;
-  line-height: $medium;
-  margin: 0 0 -10px 0;
+  font-weight: $bold;
+  font-size: 36px;
+  line-height: 48px;
+  margin: 0 0 $small 0;
 
   @media screen and (min-width: $tablet) {
-    font-size: 36px;
-    line-height: 48px;
+    font-size: 42px;
+    line-height: 60px;
   }
 }
 
 h2 {
   font-family: $roboto;
-  font-size: 18px;
+  font-size: 32px;
   font-weight: $bold;
-  margin: 0;
+  color: $darkGrey;
+  margin: 0 auto $tiny auto;
 
   &.subhead {
     font-weight: $regular;
@@ -44,24 +45,24 @@ h2 {
 
 h3 {
   font-family: $roboto;
-  font-size: $small;
-  font-weight: $regular;
-  line-height: 32px;
+  font-size: 18px;
+  font-weight: $semibold;
+  line-height: 30px;
+  padding-bottom: $micro;
   margin: 0;
 }
 
-p, ul {
-  font-size: 14px;
-  line-height: $small;
+h3 > p {
+}
 
-  @media screen and (min-width: $tablet) {
-    font-size: 18px;
-    line-height: 32px;
-  }
+p, ul {
+  font-size: $tiny;
+  line-height: 26px;
+  margin: 0;
 }
 
 a {
-  color: $grey;
+  color: $darkGreen;
   text-decoration: none;
   font-weight: $bold;
 }