added intro

assets/dist/main.css

@@ -753,7 +753,7 @@ html, body {
 header {
   position: fixed;
   width: 100%;
-  height: 4em;
+  height: 5em;
   top: 0;
   z-index: 5;
   background-color: white; }
@@ -762,14 +762,21 @@ header {
     vertical-align: text-bottom; }
     header > *:last-child {
       margin-right: 1em; }
-  header > h1 {
-    font-size: 3em;
-    margin: 0 0 0 70px; }
+  header hgroup {
+    margin: 0 4em 0 70px; }
+    header hgroup h1, header hgroup h2 {
+      margin: 0;
+      padding: 0;
+      line-height: 1; }
+    header hgroup h1 {
+      font-size: 3em; }
+    header hgroup h2 {
+      line-height: 1; }
   header #menus > * {
     display: inline-block;
     vertical-align: top; }
   header #menus nav {
-    padding: 1em 1em;
+    padding: 0 1em;
     position: relative; }
     header #menus nav h3 {
       margin: 0;
@@ -815,7 +822,7 @@ header {
         color: #000; }
 
 .sticky-clone-wrapper {
-  padding-top: 4em;
+  padding-top: 5em;
   position: fixed;
   top: 0;
   left: 0;
@@ -829,7 +836,7 @@ header {
       margin: 0 0 0 70px; }
 
 main#content {
-  margin-top: 4em; }
+  margin-top: 5em; }
   main#content h1.part-title {
     font-size: 1.6em;
     width: 450px; }
@@ -839,6 +846,9 @@ main#content {
     font-size: 1em;
     width: 450px; }
 
+section.intro {
+  margin-left: 70px; }
+
 main#content.inline h1.part-title {
   margin: 1em 0 0 70px; }