removing old icons and adding new. Adding colophon. Cleaning up a few other things probably

stylesheets/custom.css

@@ -1,11 +1,14 @@
 .container {
   max-width: 760px; }
 .header {
-  margin-top: 18rem;
+  margin-top: 6rem;
   text-align: center; }
+.value-prop {
+  margin-top: 1rem;
+}
 .value-props {
-  margin-top: 15rem;
-  margin-bottom: 10rem; }
+  margin-top: 4rem;
+  margin-bottom: 4rem; }
 .docs-header {
   text-transform: uppercase;
   font-size: 1.4rem;
@@ -18,7 +21,7 @@
 .value-img {
   display: block;
   text-align: center;
-  margin: 0 auto 1rem;}
+  margin: 2.5rem auto 0; }
 .example-grid .column,
 .example-grid .columns {
   background: #EEE;
@@ -99,6 +102,13 @@
   display: none; }
 
 @media (min-width: 550px) {
+  .header {
+    margin-top: 18rem; }
+  .value-props {
+    margin-top: 9rem;
+    margin-bottom: 7rem; }
+  .value-img {
+    margin-bottom: 1rem; }
   .example-grid .column,
   .example-grid .columns {
     margin-bottom: 1.5rem; }
@@ -108,4 +118,4 @@
     float: right;
     margin-top: 12px;
   }
-}
+}

stylesheets/skeleton.css

@@ -96,13 +96,23 @@ h1, h2, h3, h4, h5, h6 {
 	font-weight: 300;
 	margin-top: 0;
 	margin-bottom: 2rem; }
-h1 { font-size: 5.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
-h2 { font-size: 4.2rem; line-height: 1.25; letter-spacing: -.1rem; }
-h3 { font-size: 3.6rem; line-height: 1.3;  letter-spacing: -.1rem; }
-h4 { font-size: 3.0rem; line-height: 1.35; letter-spacing: -.08rem; }
-h5 { font-size: 2.4rem; line-height: 1.5;  letter-spacing: -.05rem; }
+h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
+h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
+h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
+h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
+h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
 h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
 
+/* Larger than phablet */
+@media (min-width: 550px) {
+  h1 { font-size: 5.0rem; }
+  h2 { font-size: 4.2rem; }
+  h3 { font-size: 3.6rem; }
+  h4 { font-size: 3.0rem; }
+  h5 { font-size: 2.4rem; }
+  h6 { font-size: 1.5rem; }
+}
+
 
 /* Links
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
@@ -183,10 +193,19 @@ textarea,
 select {
 	border: 1px solid #D1D1D1;
 	height: 36px;
-	padding: 0 10px;
+	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
 	border-radius: 4px;
 	box-shadow: none;
   background: #fff; }
+/* Removes awkard default styles on some inputs */
+input[type="email"],
+input[type="search"],
+input[type="text"],
+textarea {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
 textarea {
 	min-height: 65px;
 	padding-top: 6px;
@@ -204,13 +223,11 @@ legend {
   display: block;
   font-weight: 600;
   margin-bottom: .5rem; }
-input[disabled] {
-	cursor: not-allowed;
-	background-color: #EFEFEF; }
 fieldset {
 	border-width: 0;
 	padding: 0; }
-input[type="checkbox"] {
+input[type="checkbox"],
+input[type="radio"] {
   display: inline; }
 label > .label-body {
   font-weight: normal;
@@ -279,7 +296,6 @@ select,
 fieldset {
 	margin-bottom: 1.5rem; }
 p,
-hr,
 pre,
 blockquote,
 form,
@@ -293,17 +309,30 @@ form {
 	margin-bottom: 2.5rem; }
 
 
+
 /* Utilities
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .u-full-width {
   width: 100%;
   box-sizing: border-box; }
+.u-max-full-width {
+  max-width: 100%;
+  box-sizing: border-box; }
 .u-pull-right {
 	float: right; }
 .u-pull-left {
 	float: left; }
 
 
+/* Misc
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+hr {
+  margin-top: 3rem;
+  margin-bottom: 3.5rem;
+  border-width: 0;
+  border-top: 1px solid #E1E1E1;
+}
+
 /* Clearing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */