terms added, structure updates

scss/base.scss

@@ -43,11 +43,27 @@ h2, h3 {
   font-family: $serif;
   font-weight: $bold;
 }
+ul {
+  padding: 0 0 0 1em;
+  margin: 0;
+}
 
 li {
   list-style: none;
   padding-bottom: .5em;
   text-transform: capitalize;
+  &.subterm {
+  padding-left: 10px;
+  }
+
+  &:last-child {
+  padding: 0;
+  }
+
+  &.subterm:before {
+  content: "\21B3 ";
+  padding-right: 5px;
+  }
 }
 
   // GRID //
@@ -80,6 +96,11 @@ li {
   grid-column: span 4;
   }
 
+  .list {
+    padding: 0 auto;
+    margin: 0;
+  }
+
   h1 {
     font-size: 3em;
   }
@@ -91,13 +112,27 @@ li {
 
 @media screen and (min-width: 600px) {
   body {
-  padding: 3em;
+  padding: 2em;
   }
 
-  #title, #description, #summary {
-    grid-column: span 2;
+  .grid {
+    grid-row-gap: 1em;
   }
 
+  #title {
+    grid-column: 1 / span 2;
+    grid-row: 2;
+  }
+
+  #summary {
+  grid-column: 3 / span 2;
+  grid-row: 1;
+  }
+
+  #description {
+    grid-column: span 4;
+  }
+  
   .item {
   grid-column: span 2;
   }
@@ -111,6 +146,10 @@ li {
   }
 }
 
+.small {
+  font-size: .75em;
+}
+
 @media screen and (min-width: 1024px) {
 
   #title {