diff --git a/demo.html b/demo.html
index b400fc7..fa7e2e3 100644
--- a/demo.html
+++ b/demo.html
@@ -4,26 +4,33 @@
   <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">
 </head>
 <body>
+    <div>
+      <header  id="main-header">
+        <h1>Vast CSS</h1>
+        <h6>Because Bootstrap is b.s.</h6>
+      </header>
+    </div>
     <header 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">.headings</code> class to your
+        <code class="class-name">.vast-heading</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="sample-text">
-        <h1 class="headings">h1. Vast Quoll</h1>
-        <h2 class="headings">h2. Vast Quoll</h2>
-        <h3 class="headings">h3. Vast Quoll</h3>
-        <h4 class="headings">h4. Vast Quoll</h4>
-        <h5 class="headings">h5. Vast Quoll</h5>
-        <h6 class="headings">h6. Vast Quoll</h6>
+        <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>
 
       <div class="sample-code">
@@ -31,42 +38,42 @@ <h6 class="headings">h6. Vast Quoll</h6>
           <p>
             <span class="element-color">&lt;h1</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"headings"</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>
           </p>
           <p>
             <span class="element-color">&lt;h2</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"headings"</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>
           </p>
           <p>
             <span class="element-color">&lt;h3</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"headings"</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>
           </p>
           <p>
             <span class="element-color">&lt;h4</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"headings"</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>
          </p>
          <p>
             <span class="element-color">&lt;h5</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"headings"</span><!--
+         --><span class="class-name">"vast-heading"</span><!--
          --><span class="element-color">&gt;</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">"headings"</span><!--
+         --><span class="class-name">"vast-heading"</span><!--
          --><span class="element-color">&gt;</span>h6. Vast Quoll<!--
          --><span class="element-color">&lt;/h6&gt;</span>
          </p>
@@ -74,15 +81,15 @@ <h6 class="headings">h6. Vast Quoll</h6>
      </div>
 
       <!--
-      <div class="secondary-headings">
+      <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= "headings">h1. Vast Quoll <small>Secondary text</small></h1>
-        <h2 class= "headings">h2. Vast Quoll <small>Secondary text</small></h2>
-        <h3 class= "headings">h3. Vast Quoll <small>Secondary text</small></h3>
-        <h4 class= "headings">h4. Vast Quoll <small>Secondary text</small></h4>
-        <h5 class= "headings">h5. Vast Quoll <small>Secondary text</small></h5>
-        <h6 class= "headings">h6. Vast Quoll <small>Secondary text</small></h6>
+        <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>-->
 
     </header>
@@ -121,12 +128,12 @@ <h1 class="section-title">Body copy</h1>
         <h2 class = "section-title">Lead body copy</h2>
 
         <div class="breakdown">
-          <p>Make a paragraph stand out by adding <code class = "class-name">.lead</code>.
+          <p>Make a paragraph stand out by adding <code class = "class-name">.vast-lead</code>.
           </p>
         </div>
 
         <div class="sample-text">
-          <p class="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 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>
 
@@ -135,7 +142,7 @@ <h2 class = "section-title">Lead body copy</h2>
             <p>
               <span class="element-color">&lt;p</span>
               <span class="class">class=</span><!--
-           --><span class="class-name">"lead"</span><!--
+           --><span class="class-name">"vast-lead"</span><!--
            --><span class="element-color">&gt;</span><!--
            -->...<!--
            --><span class="element-color">&lt;/p&gt;</span>
@@ -225,7 +232,7 @@ <h1 class="section-title">Blockquotes</h1>
     </header>
       </header>
 
-      <header id ="Buttons">
+      <header id ="buttons">
         <h1 class="section-title">Buttons</h1>
 
         <div class="breakdown">
@@ -237,19 +244,17 @@ <h1 class="section-title">Buttons</h1>
       </div>
 
       <div class ="sample text">
-        <p id="btn tags">
-          <a href="#" class="btn btn-default" role="button">Link</a>
-          <button class="btn btn-default" type="submit">Button</button>
-          <input class="btn btn-default" type="button" value="Input">
-          <input class="btn btn-default" type="submit" value="Submit">
-        </p>
+          <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">
+          <input class="vast-btn" type="submit" value="Submit">
       </div>
       <div class="sample-code">
         <code>
           <p>
             <span class="element-color">&lt;a</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"btn btn-default"</span>
+         --><span class="class-name">"vast-btn"</span>
             <span class="class">href=</span><!--
          --><span class="class-name">"#"</span>
             <span class="class">role=</span><!--
@@ -260,7 +265,7 @@ <h1 class="section-title">Buttons</h1>
           <p>
             <span class="element-color">&lt;button</span>
             <span class="class">class=</span><!--
-         --><span class="class-name">"btn btn-default"</span>
+         --><span class="class-name">"vast-btn"</span>
             <span class="class">type=</span><!--
          --><span class="class-name">"submit"</span><!--
          --><span class="element-color">&gt;</span>Button<!--
@@ -269,7 +274,7 @@ <h1 class="section-title">Buttons</h1>
          <p>
            <span class="element-color">&lt;input</span>
            <span class="class">class=</span><!--
-        --><span class="class-name">"btn btn-default"</span>
+        --><span class="class-name">"vast-btn"</span>
            <span class="class">type=</span><!--
         --><span class="class-name">"button"</span>
            <span class="class">value=</span>
@@ -279,7 +284,7 @@ <h1 class="section-title">Buttons</h1>
        <p>
          <span class="element-color">&lt;input</span>
          <span class="class">class=</span><!--
-      --><span class="class-name">"btn btn-default"</span>
+      --><span class="class-name">"vast-btn"</span>
          <span class="class">type=</span><!--
       --><span class="class-name">"submit"</span>
          <span class="class">value=</span><!--
diff --git a/style.css b/style.css
index c427699..f161495 100644
--- a/style.css
+++ b/style.css
@@ -1,19 +1,72 @@
+body {
+  margin: 0px;
+  background-color: #f6e5d7;
+  background-image: url("https://www.transparenttextures.com/patterns/tileable-wood.png");
+}
+
+#main-header {
+  background-color: #f78671;
+  color: #f6e5d7;
+  width: 100%;
+  position: fixed;
+  top: 0px;
+  display: flex;
+  align-content: center;
+  justify-content: center;
+}
+
+#main-header h1 {
+  font-size: 55px;
+  font-family: 'Raleway', sans-serif;
+}
+
+#main-header h6 {
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-size: 30px;
+}
+
+#headings-section {
+  margin-top: 200px;
+  background-color: rgba(246, 299, 215, 0.3);
+}
+
+#body-copy {
+  background-color: rgba(246, 299, 215, 0.3);
+}
+
+#address {
+  background-color: rgba(246, 299, 215, 0.3);
+}
+
+#blockquotes {
+  background-color: rgba(246, 299, 215, 0.3);
+}
+
+#buttons {
+  background-color: rgba(246, 299, 215, 0.3);
+}
+
 p {
-  font-size: 13px;
+  font-family: 'Open Sans Condensed', sans-serif;
+  font-size: 20px;
   line-height: 1.5;
   margin-bottom: 10px;
 }
 
+code {
+  font-family: 'Open Sans Condensed', sans-serif;
+}
+
 address {
   font-size: 14px;
   line-height: 1.5;
   margin-bottom: 7px;
   font-style: normal;
-  font-family: sans-serif;
+  font-family: 'Open Sans Condensed', sans-serif;
 }
 
 blockquote {
-  font-family: sans-serif;
+  font-family: 'Open Sans Condensed', sans-serif;
   font-size: 75%;
   margin: 0 0 20px;
   padding: 10px 20px;
@@ -21,38 +74,60 @@ blockquote {
 }
 
 .section-title {
-  color: blue;
-  background-color: #d6e2ed;
+  font-family: 'Raleway', sans-serif;
+  color: #2f3733;
+  background-color: #86baaa;
+  text-align: center;
 }
 
-.element-color {
-  color: coral;
+.breakdown {
+
 }
 
-.element-in-text {
-  color: coral;
-  background-color: #d6e2ed;
+.element-color {
+  color: #6b9488;
 }
 
-.headings {
-  color: grey;
-  font-family: sans-serif;
+.element-in-text {
+  color: #6b9488;
+  background-color: #d9dfda;
 }
 
 .class-name {
-  color: blue;
+  color: #f78671;
 }
 
 .class {
-  color: green;
+  color: #c9d2cb;
+}
+
+
+.tab {
+  margin-left: 40px;
 }
 
-.lead {
-  font-family: sans-serif;
+.vast-heading {
+  color: grey;
+  font-family: 'Open Sans Condensed', sans-serif;
+}
+
+.vast-lead {
+  font-family: 'Open Sans Condensed', sans-serif;
   font-size: 16px;
   font-weight: lighter;
 }
 
-.tab {
-  margin-left: 40px;
+.sample-code {
+  background-color: rgba(47, 55, 51, 1);
+  color: #f6e5d7;
+}
+
+button.vast-btn, input.vast-btn {
+  font-family: 'Open Sans Condensed', sans-serif;
+  background-color: coral;
+}
+
+a.vast-btn {
+  font-family: 'Open Sans Condensed', sans-serif;
+  color: purple;
 }
