diff --git a/demo.html b/demo.html
index fa7e2e3..10e50ca 100644
--- a/demo.html
+++ b/demo.html
@@ -4,97 +4,144 @@
   <meta charset="UTF-8">
   <title>Build Your Own Bootstrap</title>
   <link rel="stylesheet" href="./style.css">
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300.700|Raleway" rel="stylesheet">
 </head>
 <body>
     <div>
-      <header  id="main-header">
-        <h1>Vast CSS</h1>
-        <h6>Because Bootstrap is b.s.</h6>
+      <header id="main-header" class="flex-container">
+        <p id="title">Vast CSS</p>
+        <p id="sub-title">'Cause Bootstrap is B.S.</p>
       </header>
     </div>
-    <header id="headings-section">
+
+    <div class="body-content">
+
+    <header class="sections" id="headings-section">
       <h1 class="section-title">Headings</h1>
 
       <div class="breakdown">
       <p>To style headings in various sizes, add the
-        <code class="class-name">.vast-heading</code> class to your
+        <code class="class-name">.vast-h1</code> through
+        <code class="class-name">.vast-h6</code> class to your inline elements or simply use the
         <code class="element-in-text">&lt;h1&gt;</code> through
         <code class="element-in-text">&lt;h6&gt;</code> tags.
       </p>
       </div>
 
-      <div class="sample-text">
-        <h1 class="vast-heading">h1. Vast Quoll</h1>
-        <h2 class="vast-heading">h2. Vast Quoll</h2>
-        <h3 class="vast-heading">h3. Vast Quoll</h3>
-        <h4 class="vast-heading">h4. Vast Quoll</h4>
-        <h5 class="vast-heading">h5. Vast Quoll</h5>
-        <h6 class="vast-heading">h6. Vast Quoll</h6>
+      <div class="flex-container sample-text">
+        <h1 class="vast-h1">h1. Vast Quoll</h1>
+        <h2 class="vast-h2">h2. Vast Quoll</h2>
+        <h3 class="vast-h3">h3. Vast Quoll</h3>
+        <h4 class="vast-h4">h4. Vast Quoll</h4>
+        <h5 class="vast-h5">h5. Vast Quoll</h5>
+        <h6 class="vast-h6">h6. Vast Quoll</h6>
       </div>
 
       <div class="sample-code">
         <code>
           <p>
-            <span class="element-color">&lt;h1</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h1. Vast Quoll<!--
+            <span class="element-color">&lt;h1&gt;</span><!--
+         --></span>h1. Vast Quoll<!--
          --><span class="element-color">&lt;/h1&gt;</span>
           </p>
           <p>
-            <span class="element-color">&lt;h2</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h2. Vast Quoll<!--
+            <span class="element-color">&lt;h2&gt;</span><!--
+         --></span>h2. Vast Quoll<!--
          --><span class="element-color">&lt;/h2&gt;</span>
           </p>
           <p>
-            <span class="element-color">&lt;h3</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h3. Vast Quoll<!--
+            <span class="element-color">&lt;h3&gt;</span><!--
+         --></span>h3. Vast Quoll<!--
          --><span class="element-color">&lt;/h3&gt;</span>
           </p>
           <p>
-            <span class="element-color">&lt;h4</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h4. Vast Quoll<!--
+            <span class="element-color">&lt;h4&gt;</span><!--
+         --></span>h4. Vast Quoll<!--
          --><span class="element-color">&lt;/h4&gt;</span>
-         </p>
-         <p>
-            <span class="element-color">&lt;h5</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h5. Vast Quoll<!--
+          </p>
+          <p>
+            <span class="element-color">&lt;h5&gt;</span><!--
+         --></span>h5. Vast Quoll<!--
          --><span class="element-color">&lt;/h5&gt;</span>
-         </p>
-         <p>
-            <span class="element-color">&lt;h6</span>
-            <span class="class">class=</span><!--
-         --><span class="class-name">"vast-heading"</span><!--
-         --><span class="element-color">&gt;</span>h6. Vast Quoll<!--
+          </p>
+          <p>
+            <span class="element-color">&lt;h6&gt;</span><!--
+         --></span>h6. Vast Quoll<!--
          --><span class="element-color">&lt;/h6&gt;</span>
-         </p>
+          </p>
        </code>
      </div>
 
-      <!--
-      <div class="secondary-heading">
-        <h2 class="section-title"><small>Secondary Headings</small></h2>
-        <p>To create secondary text, add the <code class= "class-name">.small</code> class to your <code class= "element-in-text">&lt;h1&gt;</code> through <code class= "element-in-text">&lt;h6&gt;</code> tags.</p>
-        <h1 class= "vast-heading">h1. Vast Quoll <small>Secondary text</small></h1>
-        <h2 class= "vast-heading">h2. Vast Quoll <small>Secondary text</small></h2>
-        <h3 class= "vast-heading">h3. Vast Quoll <small>Secondary text</small></h3>
-        <h4 class= "vast-heading">h4. Vast Quoll <small>Secondary text</small></h4>
-        <h5 class= "vast-heading">h5. Vast Quoll <small>Secondary text</small></h5>
-        <h6 class= "vast-heading">h6. Vast Quoll <small>Secondary text</small></h6>
-      </div>-->
+      <div class="secondary-section" id="secondary-heading">
+        <h2 class="section-title">Secondary Headings</h2>
 
+        <div class="breakdown">
+          <p>To create secondary text, add the
+            <code class= "class-name">.small</code> class to your
+            <code class= "element-in-text">&lt;h1&gt;</code> through
+            <code class= "element-in-text">&lt;h6&gt;</code> tags.
+          </p>
+        </div>
+
+        <div class="flex-container sample-text">
+          <h1>h1. Vast Quoll <small>Secondary text</small></h1>
+          <h2>h2. Vast Quoll <small>Secondary text</small></h2>
+          <h3>h3. Vast Quoll <small>Secondary text</small></h3>
+          <h4>h4. Vast Quoll <small>Secondary text</small></h4>
+          <h5>h5. Vast Quoll <small>Secondary text</small></h5>
+          <h6>h6. Vast Quoll <small>Secondary text</small></h6>
+        </div>
+
+        <div class="sample-code">
+          <code>
+            <p>
+              <span class="element-color">&lt;h1&gt;</span><!--
+           --></span>h1. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h1&gt;</span>
+            </p>
+            <p>
+              <span class="element-color">&lt;h2&gt;</span><!--
+           --></span>h2. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h2&gt;</span>
+            </p>
+            <p>
+              <span class="element-color">&lt;h3&gt;</span><!--
+           --></span>h3. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h3&gt;</span>
+            </p>
+            <p>
+              <span class="element-color">&lt;h4&gt;</span><!--
+           --></span>h4. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h4&gt;</span>
+            </p>
+            <p>
+              <span class="element-color">&lt;h5&gt;</span><!--
+           --></span>h5. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h5&gt;</span>
+            </p>
+            <p>
+              <span class="element-color">&lt;h6&gt;</span><!--
+           --></span>h6. Vast Quoll
+              <span class="element-color">&lt;small&gt;</span><!--
+           -->Secondary text<!--
+           --><span class="element-color">&lt;/small&gt;&lt;/h6&gt;</span>
+            </p>
+         </code>
+        </div>
+      </div>
     </header>
 
-    <header id="body-copy">
+    <header class="sections" id="body-copy">
       <div id="body-text">
         <h1 class="section-title">Body copy</h1>
 
@@ -109,7 +156,7 @@ <h1 class="section-title">Body copy</h1>
           </p>
         </div>
 
-        <div class="sample-text">
+        <div class="flex-container sample-text">
           <p>Hodor! Hodor hodor, hodor; hodor hodor... Hodor hodor hodor. Hodor. Hodor! Hodor hodor, hodor hodor hodor? Hodor hodor HODOR! Hodor hodor - hodor; hodor hodor. Hodor hodor HODOR! Hodor hodor - hodor... Hodor hodor hodor; hodor hodor hodor! Hodor, hodor. Hodor. Hodor, hodor hodor hodor, hodor. Hodor hodor?!</p>
           <p>Hodor. Hodor hodor hodor hodor... Hodor hodor hodor. Hodor hodor - hodor; hodor HODOR hodor, hodor hodor?! Hodor hodor, hodor. Hodor hodor; hodor hodor hodor hodor. Hodor. Hodor HODOR hodor, hodor hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? Hodor. Hodor hodor; hodor hodor, hodor. Hodor hodor. Hodor! Hodor hodor, hodor - HODOR hodor, hodor hodor; hodor hodor, hodor, hodor hodor. </p>
           <p>Hodor hodor HODOR! Hodor hodor... Hodor hodor hodor; hodor hodor - hodor? Hodor! Hodor hodor, hodor... Hodor hodor hodor hodor! Hodor, hodor. Hodor. Hodor, hodor... Hodor hodor hodor hodor; hodor hodor - hodor, hodor, hodor hodor. Hodor hodor HODOR! Hodor hodor... Hodor hodor HODOR hodor, hodor hodor; hodor hodor, hodor. Hodor hodor?! Hodor, hodor. Hodor. Hodor, hodor; hodor hodor; hodor hodor. Hodor. Hodor hodor HODOR! Hodor HODOR hodor, hodor hodor, hodor. Hodor hodor hodor. </p>
@@ -124,7 +171,7 @@ <h1 class="section-title">Body copy</h1>
         </div>
       </div>
 
-      <div id="lead-body-copy">
+      <div class="secondary-section" id="lead-body-copy">
         <h2 class = "section-title">Lead body copy</h2>
 
         <div class="breakdown">
@@ -132,7 +179,7 @@ <h2 class = "section-title">Lead body copy</h2>
           </p>
         </div>
 
-        <div class="sample-text">
+        <div class="flex-container sample-text">
           <p class="vast-lead">Post-ironic shoreditch chambray whatever fixie, butcher crucifix cronut migas vexillologist microdosing flannel beard. Vinyl cold-pressed echo park pickled, venmo paleo kogi whatever. Organic pitchfork drinking vinegar, microdosing pinterest stumptown live-edge. Chambray green juice fingerstache drinking vinegar. Waistcoat truffaut mlkshk scenester, fingerstache vape yuccie single-origin coffee flannel quinoa man braid polaroid four dollar toast deep v. Glossier cardigan franzen slow-carb kombucha banh mi. Vexillologist mixtape stumptown small batch vinyl, intelligentsia snackwave synth thundercats af unicorn fap ramps seitan.
           </p>
         </div>
@@ -151,7 +198,7 @@ <h2 class = "section-title">Lead body copy</h2>
         </div>
     </header>
 
-    <header id="address">
+    <header class="sections" id="address">
       <h1 class="section-title">Addresses</h1>
 
       <div class="breakdown">
@@ -159,53 +206,58 @@ <h1 class="section-title">Addresses</h1>
         </p>
       </div>
 
-      <div class="sample-text">
-          <address>
-            <strong>Learners Guild</strong><br>
-            492 Ninth Street (Garden Level)<br>
-            Oakland, CA 94607<br>
-            <abbr title="Phone">P:</abbr> (123) 456-7890
-          </address>
+      <div class="flex-container sample-text">
+          <p>
+            <address>
+              <strong>Learners Guild</strong><br>
+              492 Ninth Street (Garden Level)<br>
+              Oakland, CA 94607<br>
+              <abbr title="Phone">P:</abbr> (123) 456-7890
+            </address>
 
-          <address>
-            <strong>Full Name</strong><br>
-            <a href="mailto:#">first.last@example.com</a>
-          </address>
+            <address>
+              <strong>Full Name</strong><br>
+              <a href="mailto:#">first.last@example.com</a>
+            </address>
+          </p>
         </div>
 
       <div class="sample-code">
           <code>
-            <span class="element-color">&lt;address&gt;</span><br>
-            <span class="tab element-color">&lt;strong&gt;</span><!--
-         -->Learners Guild<!--
-         --><span class="element-color">&lt;/strong&gt;&lt;br&gt;</span><br>
-            <span class="tab">492 Ninth Street (Garden Level)</span><!--
-         --><span class="element-color">&lt;br&gt;</span><br>
-            <span class="tab">Oakland, CA 94607</span><!--
-         --><span class="element-color">&lt;br&gt;</span><br>
-            <span class="tab element-color">&lt;abbr</span>
-            <span class="class">title=</span><!--
-         --><span class="class-name">"Phone"</span><!--
-         --><span class="element-color">&gt;</span><!--
-         -->P:<!--
-         --><span class="element-color">&lt;/abbr&gt;</span>
-            (123) 456-7890<br>
-            <span class="element-color">&lt;/address&gt;</span><br><br>
-            <span class="element-color">&lt;address&gt;</span><br>
-            <span class="tab element-color">&lt;strong&gt;</span><!--
-         -->Full Name<!--
-         --><span class="element-color">&lt;/strong&gt;&lt;br&gt;</span><br>
-            <span class="tab element-color">&lt;a</span>
-            <span class="class">href=</span><!--
-         --><span class="class-name">"mailto:#"</span><!--
-         --><span class="element-color">&gt;</span><!--
-         -->first.last@example.com<!--
-         --><span class="element-color">&lt;/a&gt;</span><br>
-            <span class="element-color">&lt;/address&gt;</span>
+            <p>
+              <span class="element-color">&lt;address&gt;</span><br>
+              <span class="tab element-color">&lt;strong&gt;</span><!--
+           -->Learners Guild<!--
+           --><span class="element-color">&lt;/strong&gt;&lt;br&gt;</span><br>
+              <span class="tab">492 Ninth Street (Garden Level)</span><!--
+           --><span class="element-color">&lt;br&gt;</span><br>
+              <span class="tab">Oakland, CA 94607</span><!--
+           --><span class="element-color">&lt;br&gt;</span><br>
+              <span class="tab element-color">&lt;abbr</span>
+              <span class="class">title=</span><!--
+           --><span class="class-name">"Phone"</span><!--
+           --><span class="element-color">&gt;</span><!--
+           -->P:<!--
+           --><span class="element-color">&lt;/abbr&gt;</span>
+              (123) 456-7890<br>
+              <span class="element-color">&lt;/address&gt;</span><br><br>
+              <span class="element-color">&lt;address&gt;</span><br>
+              <span class="tab element-color">&lt;strong&gt;</span><!--
+           -->Full Name<!--
+           --><span class="element-color">&lt;/strong&gt;&lt;br&gt;</span><br>
+              <span class="tab element-color">&lt;a</span>
+              <span class="class">href=</span><!--
+           --><span class="class-name">"mailto:#"</span><!--
+           --><span class="element-color">&gt;</span><!--
+           -->first.last@example.com<!--
+           --><span class="element-color">&lt;/a&gt;</span><br>
+              <span class="element-color">&lt;/address&gt;</span>
+            </p>
           </code>
         </div>
     </header>
-    <header id="blockquotes">
+
+    <header class="sections" id="blockquotes">
       <h1 class="section-title">Blockquotes</h1>
 
       <div class="breakdown">
@@ -213,7 +265,7 @@ <h1 class="section-title">Blockquotes</h1>
         </p>
       </div>
 
-      <div class="sample-text">
+      <div class="flex-container sample-text">
         <blockquote>
           <p>
             I love cheese, especially pepper jack cheese triangles. Fromage queso emmental who moved my cheese melted cheese edam bavarian bergkase jarlsberg. Fondue feta macaroni cheese ricotta cheese and wine feta stinking bishop stinking bishop. Cheesy feet queso queso red leicester.
@@ -222,17 +274,20 @@ <h1 class="section-title">Blockquotes</h1>
       </div>
 
       <div class="sample-code">
-        <code>
-          <span class="element-color">&lt;blockquote&gt;</span><br>
-          <span class="tab element-color">&lt;p&gt;</span><!--
-       -->I love cheese, especially pepper jack cheese triangles. Fromage queso emmental who moved my cheese melted cheese edam bavarian bergkase jarlsberg. Fondue feta macaroni cheese ricotta cheese and wine feta stinking bishop stinking bishop. Cheesy feet queso queso red leicester.<!--
-       --><span class="element-color">&lt;/p&gt;</span><br>
-          <span class="element-color">&lt;/blockquote&gt;</span>
+        <p>
+          <code>
+            <span class="element-color">&lt;blockquote&gt;</span><br>
+            <span class="tab element-color">&lt;p&gt;</span><!--
+         -->I love cheese, especially pepper jack cheese triangles. Fromage queso emmental who moved my cheese melted cheese edam bavarian bergkase jarlsberg. Fondue feta macaroni cheese ricotta cheese and wine feta stinking bishop stinking bishop. Cheesy feet queso queso red leicester.<!--
+         --><span class="element-color">&lt;/p&gt;</span><br>
+            <span class="element-color">&lt;/blockquote&gt;</span>
+          </code>
+        </p>
       </div>
     </header>
       </header>
 
-      <header id ="buttons">
+      <header class="sections" id ="buttons">
         <h1 class="section-title">Buttons</h1>
 
         <div class="breakdown">
@@ -241,9 +296,9 @@ <h1 class="section-title">Buttons</h1>
             <code class="element-in-text">&lt;button&gt;</code>, or
             <code class="element-in-text">&lt;input&gt;</code>element.
           </p>
-      </div>
+        </div>
 
-      <div class ="sample text">
+      <div class ="flex-container sample-text buttons">
           <a href="#" class="vast-btn" role="button">Link</a>
           <button class="vast-btn" type="submit">Button</button>
           <input class="vast-btn" type="button" value="Input">
@@ -294,5 +349,6 @@ <h1 class="section-title">Buttons</h1>
      </code>
    </div>
  </header>
+ </div>
 </body>
 </html>
diff --git a/style.css b/style.css
index f161495..a22262c 100644
--- a/style.css
+++ b/style.css
@@ -4,6 +4,10 @@ body {
   background-image: url("https://www.transparenttextures.com/patterns/tileable-wood.png");
 }
 
+.body-content {
+  margin: 0px 100px 50px;
+}
+
 #main-header {
   background-color: #f78671;
   color: #f6e5d7;
@@ -11,22 +15,24 @@ body {
   position: fixed;
   top: 0px;
   display: flex;
-  align-content: center;
   justify-content: center;
+  flex-direction: row;
+  align-items: flex-end;
+  padding-bottom: 20px;
 }
 
-#main-header h1 {
+#title {
   font-size: 55px;
   font-family: 'Raleway', sans-serif;
 }
 
-#main-header h6 {
+#sub-title {
   font-family: 'Open Sans Condensed', sans-serif;
   font-size: 30px;
 }
 
 #headings-section {
-  margin-top: 200px;
+  margin-top: 220px;
   background-color: rgba(246, 299, 215, 0.3);
 }
 
@@ -38,6 +44,11 @@ body {
   background-color: rgba(246, 299, 215, 0.3);
 }
 
+small, .small {
+  color: #6d7370;
+  font-size: 0.8em;
+}
+
 #blockquotes {
   background-color: rgba(246, 299, 215, 0.3);
 }
@@ -58,7 +69,7 @@ code {
 }
 
 address {
-  font-size: 14px;
+  font-size: 20px;
   line-height: 1.5;
   margin-bottom: 7px;
   font-style: normal;
@@ -70,7 +81,20 @@ blockquote {
   font-size: 75%;
   margin: 0 0 20px;
   padding: 10px 20px;
-  border-left: 5px solid #e5fdfa;
+  border-left: 7px solid #f78671;
+}
+
+.flex-container.sample-text {
+  display: flex;
+  flex-direction: column;
+  background-color: rgba(201, 210, 203, 0.8);
+  margin-bottom: -20px;
+  padding: 5px 200px;
+}
+
+.flex-container.sample-text.buttons {
+  display: flex;
+  flex-direction: row;
 }
 
 .section-title {
@@ -78,10 +102,8 @@ blockquote {
   color: #2f3733;
   background-color: #86baaa;
   text-align: center;
-}
-
-.breakdown {
-
+  margin-top: 0px;
+  border-radius: 5px;
 }
 
 .element-color {
@@ -106,28 +128,89 @@ blockquote {
   margin-left: 40px;
 }
 
-.vast-heading {
-  color: grey;
+h1, .vast-h1 {
+  color: #2f3733;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: 2em;
+}
+
+h2, .vast-h2 {
+  color: #2f3733;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: 1.5em;
+}
+
+h3, .vast-h3 {
+  color: #2f3733;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: 1.17em;
+}
+
+h4, .vast-h4 {
+  color: #2f3733;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: 1em;
+}
+
+h5, .vast-h5 {
+  color: #2f3733;
   font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: .83em;
+}
+
+h6, .vast-h6 {
+  color: #2f3733;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-weight: 700;
+  font-size: .67em;
 }
 
 .vast-lead {
   font-family: 'Open Sans Condensed', sans-serif;
-  font-size: 16px;
-  font-weight: lighter;
+  font-size: 27px;
+  color: #828784;
 }
 
 .sample-code {
-  background-color: rgba(47, 55, 51, 1);
+  background-color: rgba(47, 55, 51, 0.8);
   color: #f6e5d7;
+  padding: 0px 200px 5px 200px;
 }
 
 button.vast-btn, input.vast-btn {
-  font-family: 'Open Sans Condensed', sans-serif;
-  background-color: coral;
+  font-family: 'Raleway', sans-serif;
+  background-color: #f78671;
+  color: #2f3733;
+  margin: 5px;
+  border-radius: 5px;
+  width: 100px;
+  height: 50px;
+  font-size: 23px;
 }
 
-a.vast-btn {
-  font-family: 'Open Sans Condensed', sans-serif;
-  color: purple;
+a {
+  font-family: 'Raleway', sans-serif;
+  font-size: 23px;
+  color: #6b9488;
+  padding-right: 5px;
+  padding-top: 15px;
+}
+
+.breakdown {
+  padding: 0px 200px;
+}
+
+.sections {
+  border: 2px solid #2f3733;
+  border-radius: 5px;
+  margin-top: 50px;
+}
+
+.secondary-section {
+  margin-top: 20px;
 }
