diff --git a/.gitignore b/.gitignore
index ac97c0a..0f129eb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,3 +18,4 @@ public/styleguide/css/static.css.map
 public/styleguide/css/styleguide-specific.css.map
 public/styleguide/css/styleguide.css.map
 source/css/style.css.map
+
diff --git a/builder/lineage_hunter.js b/builder/lineage_hunter.js
index bb072bf..29b85e2 100644
--- a/builder/lineage_hunter.js
+++ b/builder/lineage_hunter.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/media_hunter.js b/builder/media_hunter.js
index 3900d81..435e23b 100644
--- a/builder/media_hunter.js
+++ b/builder/media_hunter.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/object_factory.js b/builder/object_factory.js
index f1809b1..1df9ca9 100644
--- a/builder/object_factory.js
+++ b/builder/object_factory.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/parameter_hunter.js b/builder/parameter_hunter.js
index 0541b21..49d3a69 100644
--- a/builder/parameter_hunter.js
+++ b/builder/parameter_hunter.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/pattern_assembler.js b/builder/pattern_assembler.js
index a024a7d..d756865 100644
--- a/builder/pattern_assembler.js
+++ b/builder/pattern_assembler.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/pattern_exporter.js b/builder/pattern_exporter.js
index 61f62cc..14d9902 100644
--- a/builder/pattern_exporter.js
+++ b/builder/pattern_exporter.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/patternlab.js b/builder/patternlab.js
index 74e4c18..71fe79f 100644
--- a/builder/patternlab.js
+++ b/builder/patternlab.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/patternlab_grunt.js b/builder/patternlab_grunt.js
index a79854e..ba03366 100644
--- a/builder/patternlab_grunt.js
+++ b/builder/patternlab_grunt.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/builder/pseudopattern_hunter.js b/builder/pseudopattern_hunter.js
index b2b74a1..04bca7a 100644
--- a/builder/pseudopattern_hunter.js
+++ b/builder/pseudopattern_hunter.js
@@ -1,5 +1,5 @@
 /* 
- * patternlab-node - v0.10.1 - 2015 
+ * patternlab-node - v0.10.1 - 2016 
  * 
  * Brian Muenzenmeyer, and the web community.
  * Licensed under the MIT license. 
diff --git a/config.json b/config.json
index f0b2f6a..40b6960 100644
--- a/config.json
+++ b/config.json
@@ -13,10 +13,10 @@
  		"m": true,
  		"l": true,
  		"full": true,
- 		"random": true,
+ 		"random": false,
  		"disco": true,
  		"hay": true,
- 		"mqs": true,
+ 		"mqs": false,
  		"find": true,
  		"views-all": true,
  		"views-annotations": true,
@@ -24,8 +24,8 @@
  		"views-new": true,
  		"tools-all": true,
  		"tools-follow": false,
- 		"tools-reload": false,
- 		"tools-shortcuts": true,
+ 		"tools-reload": true,
+ 		"tools-shortcuts": false,
  		"tools-docs": true
  	},
   "patternStates": {
diff --git a/public/styleguide/css/styleguide.css b/public/styleguide/css/styleguide.css
index 1443d27..f59bc8b 100644
--- a/public/styleguide/css/styleguide.css
+++ b/public/styleguide/css/styleguide.css
@@ -52,13 +52,13 @@
 #patternlab-html, #patternlab-body {
   margin: 0;
   padding: 0;
-  background: #ddd;
+  background: #D4D8DF;
   -webkit-text-size-adjust: 100%;
 }
 
 .sg-nav-wrapper {
   overflow: hidden;
-  background: #ddd;
+  background: #D4D8DF;
 }
 
 .is-vishidden {
@@ -87,7 +87,7 @@
 \*------------------------------------*/
 /* Header */
 .sg-header {
-  background: #222;
+  background: white;
   color: #fff;
   font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
   text-transform: uppercase;
@@ -96,6 +96,7 @@
   left: 0;
   z-index: 2;
   width: 100%;
+  border-bottom: 1px solid #5C6568;
 }
 .sg-header * {
   -moz-box-sizing: border-box;
@@ -111,8 +112,8 @@
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }
 .sg-header a {
-  font-size: 70%;
-  color: #808080;
+  font-size: 80%;
+  color: #5C6568;
   text-decoration: none;
   display: block;
   line-height: 1;
@@ -129,7 +130,7 @@
   transition: color 0.15s ease-out;
 }
 .sg-header a:hover, .sg-header a:focus, .sg-header a.active {
-  color: #fff;
+  color: #126E97;
   background: rgba(255, 255, 255, 0.05);
 }
 .sg-header ol ol ol a {
@@ -156,6 +157,11 @@
   }
 }
 
+.sg-nav-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
 @media all and (max-width: 48em) {
   .sg-nav-container {
     overflow: hidden;
@@ -198,7 +204,7 @@
 .sg-acc-handle:after {
   content: ' +';
   float: right;
-  font-size: 70%;
+  font-size: 80%;
 }
 @media all and (min-width: 48em) {
   .sg-acc-handle:after {
@@ -233,11 +239,19 @@
   transition: max-height 0.1s ease-out;
 }
 .sg-acc-panel li {
-  background: #222;
+  background: white;
 }
 .sg-acc-panel.active {
   max-height: 120em;
   overflow: auto;
+  border-top: 1px solid #5C6568;
+}
+.sg-acc-panel.active li {
+  border-left: 1px solid #5C6568;
+  border-right: 1px solid #5C6568;
+}
+.sg-acc-panel.active li:last-child {
+  border-bottom: 1px solid #5C6568;
 }
 .sg-acc-panel.sg-right {
   position: absolute;
@@ -256,10 +270,6 @@
 /* Controls (sizing, view mode) */
 .sg-controls {
   border: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 2;
 }
 
 .sg-control-trigger {
@@ -296,17 +306,17 @@
 }
 .sg-control .sg-input:active, .sg-control .sg-input:focus {
   outline: 0;
-  background: #999;
-  color: #000;
+  background: #D4D8DF;
+  color: #189BBE;
 }
 
 .sg-current-size {
-  font-size: 70%;
-  color: #808080;
+  font-size: 80%;
+  color: #5C6568;
   padding: 0.85em 0.7em;
 }
 .sg-current-size:hover .sg-input {
-  background: #999;
+  background: #D4D8DF;
   color: #000;
 }
 @media all and (min-width: 72em) {
@@ -357,7 +367,6 @@
   margin: -2px 0 0 0;
   padding: 0;
   border: 0;
-  background-color: #222;
   color: gray;
   width: 25px;
   text-align: right;
@@ -443,11 +452,13 @@ span.sg-pattern-state:before {
   text-align: center;
   width: 100%;
   position: fixed;
-  top: 2em;
+  top: 1em;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 0;
+  background-color: white;
+  padding-top: 40px;
 }
 #sg-vp-wrap.wrap-animate {
   -webkit-transition: left 0.3s ease-out;
@@ -553,6 +564,8 @@ span.sg-pattern-state:before {
 .sg-pattern {
   margin-bottom: 2em;
   position: relative;
+  margin: 0 auto;
+  width: 95%;
 }
 
 /* Section Head */
@@ -562,16 +575,16 @@ span.sg-pattern-state:before {
   font-size: 100%;
   font-weight: normal;
   padding: 1em 0;
-  border-bottom: 1px solid #808080;
+  border-bottom: 1px solid #5C6568;
 }
 .sg-pattern-head a {
   display: block;
-  color: #808080;
+  color: #5C6568;
   text-decoration: none;
   cursor: pointer;
 }
 .sg-pattern-head a:hover {
-  color: #222;
+  color: #126E97;
 }
 
 .sg-view-container {
@@ -581,8 +594,8 @@ span.sg-pattern-state:before {
   font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
   line-height: 1.4;
   font-size: 90%;
-  background: #222;
-  color: #808080;
+  background: #242422;
+  color: #5C6568;
   position: fixed;
   top: auto;
   padding: 1em;
@@ -595,7 +608,7 @@ span.sg-pattern-state:before {
   overflow-x: hidden;
 }
 .sg-view-container a {
-  color: #999;
+  color: #D4D8DF;
 }
 .sg-view-container pre {
   padding: 0 1em;
@@ -624,16 +637,16 @@ span.sg-pattern-state:before {
 
 .has-annotation {
   cursor: help !important;
-  box-shadow: 0 0 10px #808080;
+  box-shadow: 0 0 10px #5C6568;
 }
 .has-annotation a, .has-annotation input {
   cursor: help !important;
 }
 .has-annotation:hover {
-  box-shadow: 0 0 10px #222;
+  box-shadow: 0 0 10px #D4D8DF;
 }
 .has-annotation.active {
-  box-shadow: inset 0 0 20px #808080;
+  box-shadow: inset 0 0 20px #5C6568;
 }
 
 .annotation-tip {
@@ -671,8 +684,8 @@ span.sg-pattern-state:before {
 
 .sg-code, .sg-annotations {
   clear: both;
-  background: #ddd;
-  color: #222;
+  background: white;
+  color: rgba(88, 88, 90, 0.71);
   padding: 1em 0.5em;
   margin: 1em 0;
 }
@@ -693,18 +706,18 @@ span.sg-pattern-state:before {
 .sg-code-contains {
   margin-bottom: 1rem;
   font-size: 85%;
-  color: #808080;
+  color: #5C6568;
 }
 .sg-code-contains code {
   padding: 0.2em;
   background: rgba(0, 0, 0, 0.3);
-  color: #999;
+  color: #D4D8DF;
   position: relative;
   top: -2px;
 }
 
 .sg-code-head {
-  color: #808080;
+  color: #5C6568;
   font-size: 1em;
 }
 
@@ -837,6 +850,11 @@ div.clear {
   content: "\e60b";
 }
 
+.sg-nav-content--left {
+  display: flex;
+  align-items: center;
+}
+
 /******************************************************************/
 /* End Pattern Lab Interface code */
 
diff --git a/public/styleguide/css/styleguide.scss b/public/styleguide/css/styleguide.scss
index 71d8888..a7a76dc 100644
--- a/public/styleguide/css/styleguide.scss
+++ b/public/styleguide/css/styleguide.scss
@@ -48,11 +48,11 @@
 $sg-font : "HelveticaNeue", "Helvetica", "Arial", sans-serif;
 
 /* Style Guide Interface Colors */ 
-$sg-primary : #222;
-$sg-secondary : #808080;
-$sg-tertiary : #ddd;
+$sg-primary : #D4D8DF;
+$sg-secondary : #5C6568;
+$sg-tertiary : #D4D8DF;
 $sg-quaternary : #fff;
-$sg-quinary : #999;
+$sg-quinary : #D4D8DF;
 $sg-tint : rgba(255,255,255,0.05);
 $sg-tint-2 : rgba(255,255,255,0.25);
 $sg-tone : rgba(0,0,0,0.1);
@@ -60,7 +60,7 @@ $sg-tone-2 : rgba(0,0,0,0.3);
 
 /* Typography */
 $sg-font-size-norm : 100%;
-$sg-font-size-sm : 70%;
+$sg-font-size-sm : 80%;
 $sg-font-size-large : 120%;
 
 /* Defaults */
@@ -149,7 +149,7 @@ $animate-quick: 0.2s;
 \*------------------------------------*/
 /* Header */
 .sg-header {
-	background: $sg-primary;
+	background: white;
 	color: $sg-quaternary;
 	font-family: $sg-font;
 	text-transform: uppercase;
@@ -158,6 +158,7 @@ $animate-quick: 0.2s;
 	left: 0;
 	z-index: 2;
 	width: 100%;
+  border-bottom: 1px solid $sg-secondary;
 
 	* {
 	  -moz-box-sizing: border-box;
@@ -186,7 +187,7 @@ $animate-quick: 0.2s;
 		@include sg-transition(color,0.15s,ease-out);
 		
 		&:hover, &:focus, &.active {
-			color: $sg-quaternary;
+			color: #126E97;
 			background: $sg-tint;
 		}
 	}
@@ -219,6 +220,9 @@ $animate-quick: 0.2s;
 }
 
 .sg-nav-container {
+	display: flex;
+  align-items: center;
+  justify-content: space-between;
 	@media all and (max-width: $sg-bp-med) {
 		overflow: hidden;
 		max-height: 0;
@@ -293,12 +297,20 @@ $animate-quick: 0.2s;
 	@include sg-transition(max-height,0.1s,ease-out);
 
 	li {
-		background: $sg-primary;
+		background: white;
 	}
 
 	&.active {
 		max-height: 120em;
 		overflow: auto;
+		border-top: 1px solid $sg-secondary;
+		li {
+			border-left: 1px solid $sg-secondary;
+	    border-right: 1px solid $sg-secondary;
+		}
+		li:last-child {
+			border-bottom: 1px solid $sg-secondary;
+		}
 	}
 
 	&.sg-right {
@@ -323,10 +335,6 @@ $animate-quick: 0.2s;
 /* Controls (sizing, view mode) */
 .sg-controls {
 	border: 0;
-	position: absolute;
-	top: 0;
-	right: 0;
-	z-index: 2;
 }
 
 .sg-control-trigger {
@@ -363,13 +371,13 @@ $animate-quick: 0.2s;
 		&:active, &:focus {
 			outline: 0;
 			background: $sg-quinary;
-			color: #000;
+			color: #189BBE;
 		}
 	}
 }
 
 .sg-current-size {
-	font-size: 70%;
+	font-size: $sg-font-size-sm;
 	color: $sg-secondary;
 	padding: 0.85em 0.7em;
 
@@ -428,7 +436,6 @@ $animate-quick: 0.2s;
 	margin: -2px 0 0 0;
 	padding: 0;
 	border: 0;
-	background-color: #222;
 	color: gray;
 	width: 25px;
 	text-align: right;
@@ -528,11 +535,13 @@ span.sg-pattern-state:before {
 	text-align: center;
 	width: 100%;
 	position: fixed;
-	top: $offset-top;
+	top: 1em;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	z-index: 0;
+	background-color: white;
+	padding-top: 40px;
 
 	&.wrap-animate {
 		-webkit-transition: left 0.3s ease-out;
@@ -654,6 +663,8 @@ span.sg-pattern-state:before {
 	margin-bottom: $sg-doublespace;
 	position: relative; //Prevents absolutely-positioned elements from floating to the top
 	@extend .sg-cf;
+	margin: 0 auto;
+  width: 95%;
 }
 
 /* Section Head */
@@ -672,7 +683,7 @@ span.sg-pattern-state:before {
 		cursor: pointer;
 		
 		&:hover {
-			color: $sg-primary;
+			color: #126E97;
 		}
 	}
 }
@@ -685,7 +696,7 @@ span.sg-pattern-state:before {
 	font-family: $sg-font;
 	line-height: 1.4;
 	font-size: 90%;
-	background: $sg-primary;
+	background: #242422;
 	color: $sg-secondary;
 	position: fixed;
 	top: auto;
@@ -786,8 +797,8 @@ span.sg-pattern-state:before {
 
 .sg-code, .sg-annotations {
 	clear: both;
-	background: $sg-tertiary;
-	color: $sg-primary;
+	background: white;
+	color: rgba(88, 88, 90, 0.71);
 	padding: $sg-pad $sg-pad-half;
 	margin: $sg-space 0;
 
@@ -949,5 +960,11 @@ div.clear {
 	content: "\e60b";
 }
 
+//custom pattern lab styles
+.sg-nav-content--left {
+	display: flex;
+	align-items: center;
+}
+
 /******************************************************************/
 /* End Pattern Lab Interface code */
\ No newline at end of file
diff --git a/source/_patternlab-files/index.mustache b/source/_patternlab-files/index.mustache
index 1688121..c5d9602 100644
--- a/source/_patternlab-files/index.mustache
+++ b/source/_patternlab-files/index.mustache
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html id="patternlab-html">
 <head id="patternlab-head">
-	<title id="title">Pattern Lab</title>
+	<title id="title">Iotopia Solutions</title>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width" />
 	<link rel="stylesheet" href="styleguide/css/styleguide.css" media="all" />
@@ -11,12 +11,17 @@
 	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 	<script>window.jQuery || document.write('<script src="styleguide/js/vendor/jquery.js"><\/script>')</script>
 </head>
-<body  id="patternlab-body">>
+<body id="patternlab-body">>
 	<!--Style Guide Header-->
 	<header class="sg-header" role="banner">
 		<a href="#sg-nav-container" class="sg-nav-toggle">Menu</a>
 		<div class="sg-nav-container" id="sg-nav-container">
-			{{> patternNav }}
+			<div class="sg-nav-content--left">
+				<span>
+					<a href="#"><img src="../../images/logo.png" class="logo" alt="Logo" /></a>
+				</span>
+				{{> patternNav }}
+			</div>
 			{{> ishControls }}
 		</div>
 	</header>
diff --git a/source/_patternlab-files/partials/patternNav.json b/source/_patternlab-files/partials/patternNav.json
new file mode 100644
index 0000000..60fe9ed
--- /dev/null
+++ b/source/_patternlab-files/partials/patternNav.json
@@ -0,0 +1,6 @@
+{
+  "buckets" : {
+    "newBucketNameLC": "matt",
+    "newBucketNameUC": "Matt"
+  }
+}
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/00-global/00-colors.mustache b/source/_patterns/00-atoms/00-global/00-colors.mustache
deleted file mode 100644
index 7f2653f..0000000
--- a/source/_patterns/00-atoms/00-global/00-colors.mustache
+++ /dev/null
@@ -1,38 +0,0 @@
-<ul class="sg-colors">
-	<li>
-		<span class="sg-swatch" style="background: #ff0000;"></span>
-		<span class="sg-label">#ff0000</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #00ff00;"></span>
-		<span class="sg-label">#00ff00</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #0000ff;"></span>
-		<span class="sg-label">#0000ff</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #ffff00;"></span>
-		<span class="sg-label">#ffff00</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #00ffff;"></span>
-		<span class="sg-label">#00ffff</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #ff00ff;"></span>
-		<span class="sg-label">#ff00ff</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #ffffff;"></span>
-		<span class="sg-label">#ffffff</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #808080;"></span>
-		<span class="sg-label">#808080</span>
-	</li>
-	<li>
-		<span class="sg-swatch" style="background: #000000;"></span>
-		<span class="sg-label">#000000</span>
-	</li>
-</ul>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/00-global/01-fonts.mustache b/source/_patterns/00-atoms/00-global/01-fonts.mustache
deleted file mode 100644
index 26b4b7b..0000000
--- a/source/_patterns/00-atoms/00-global/01-fonts.mustache
+++ /dev/null
@@ -1,6 +0,0 @@
-<p>Primary font: "HelveticaNeue", "Helvetica", "Arial", sans-serif;</p>
-<p><em>Primary font italic: "HelveticaNeue", "Helvetica", "Arial", sans-serif;</em></p>
-<p><strong>Primary font bold: "HelveticaNeue", "Helvetica", "Arial", sans-serif;</strong></p>
-<p class="font-secondary">Secondary font: Georgia, Times, "Times New Roman", serif;</p>
-<p class="font-secondary"><em>Secondary font italic: Georgia, Times, "Times New Roman", serif;</em></p>
-<p class="font-secondary"><strong>Secondary font bold: Georgia, Times, "Times New Roman", serif;</strong></p>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/01-text/00-headings.mustache b/source/_patterns/00-atoms/01-text/00-headings.mustache
deleted file mode 100644
index 43f648c..0000000
--- a/source/_patterns/00-atoms/01-text/00-headings.mustache
+++ /dev/null
@@ -1,6 +0,0 @@
-<h1>Heading Level 1</h1>
-<h2>Heading Level 2</h2>
-<h3>Heading Level 3</h3>  
-<h4>Heading Level 4</h4>
-<h5>Heading Level 5</h5> 
-<h6>Heading Level 6</h6>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/01-text/01-subheadings.mustache b/source/_patterns/00-atoms/01-text/01-subheadings.mustache
deleted file mode 100644
index 367c09a..0000000
--- a/source/_patterns/00-atoms/01-text/01-subheadings.mustache
+++ /dev/null
@@ -1,6 +0,0 @@
-<h1 class="subheading">Subheading Level 1</h1>
-<h2 class="subheading">Subheading Level 2</h2>
-<h3 class="subheading">Subheading Level 3</h3>  
-<h4 class="subheading">Subheading Level 4</h4>
-<h5 class="subheading">Subheading Level 5</h5> 
-<h6 class="subheading">Subheading Level 6</h6>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/03-images/00-logo.mustache b/source/_patterns/00-atoms/03-images/00-logo.mustache
deleted file mode 100644
index 2fb6751..0000000
--- a/source/_patterns/00-atoms/03-images/00-logo.mustache
+++ /dev/null
@@ -1 +0,0 @@
-<a href="/"><img src="../../images/logo.png" class="logo" alt="Logo Alt Text" /></a>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/_07-media/00-video.mustache b/source/_patterns/00-atoms/_07-media/00-video.mustache
deleted file mode 100644
index f28fcd7..0000000
--- a/source/_patterns/00-atoms/_07-media/00-video.mustache
+++ /dev/null
@@ -1,6 +0,0 @@
-<video width="640" height="360" controls="">
-	<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
-	<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm">
-	<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
-	<img src="" width="640" height="360" alt="Big Buck Bunny" title="No video playback capabilities, please download">
-</video>
\ No newline at end of file
diff --git a/source/_patterns/00-atoms/00-global/_02-animations.mustache b/source/_patterns/00-basics/00-global/_02-animations.mustache
similarity index 100%
rename from source/_patterns/00-atoms/00-global/_02-animations.mustache
rename to source/_patterns/00-basics/00-global/_02-animations.mustache
diff --git a/source/_patterns/00-atoms/00-global/_03-visibility.mustache b/source/_patterns/00-basics/00-global/_03-visibility.mustache
similarity index 100%
rename from source/_patterns/00-atoms/00-global/_03-visibility.mustache
rename to source/_patterns/00-basics/00-global/_03-visibility.mustache
diff --git a/source/_patterns/00-atoms/01-text/02-headings-with-links.mustache b/source/_patterns/00-basics/01-text/02-headings-with-links.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/02-headings-with-links.mustache
rename to source/_patterns/00-basics/01-text/02-headings-with-links.mustache
diff --git a/source/_patterns/00-atoms/01-text/03-paragraph.mustache b/source/_patterns/00-basics/01-text/03-paragraph.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/03-paragraph.mustache
rename to source/_patterns/00-basics/01-text/03-paragraph.mustache
diff --git a/source/_patterns/00-atoms/01-text/04-blockquote.mustache b/source/_patterns/00-basics/01-text/04-blockquote.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/04-blockquote.mustache
rename to source/_patterns/00-basics/01-text/04-blockquote.mustache
diff --git a/source/_patterns/00-atoms/01-text/05-inline-elements.mustache b/source/_patterns/00-basics/01-text/05-inline-elements.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/05-inline-elements.mustache
rename to source/_patterns/00-basics/01-text/05-inline-elements.mustache
diff --git a/source/_patterns/00-atoms/01-text/06-time.mustache b/source/_patterns/00-basics/01-text/06-time.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/06-time.mustache
rename to source/_patterns/00-basics/01-text/06-time.mustache
diff --git a/source/_patterns/00-atoms/01-text/07-preformatted-text.mustache b/source/_patterns/00-basics/01-text/07-preformatted-text.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/07-preformatted-text.mustache
rename to source/_patterns/00-basics/01-text/07-preformatted-text.mustache
diff --git a/source/_patterns/00-atoms/01-text/08-emphasis-colors.mustache b/source/_patterns/00-basics/01-text/08-emphasis-colors.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/08-emphasis-colors.mustache
rename to source/_patterns/00-basics/01-text/08-emphasis-colors.mustache
diff --git a/source/_patterns/00-atoms/01-text/09-hr.mustache b/source/_patterns/00-basics/01-text/09-hr.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/09-hr.mustache
rename to source/_patterns/00-basics/01-text/09-hr.mustache
diff --git a/source/_patterns/00-atoms/01-text/10-caption.mustache b/source/_patterns/00-basics/01-text/10-caption.mustache
similarity index 100%
rename from source/_patterns/00-atoms/01-text/10-caption.mustache
rename to source/_patterns/00-basics/01-text/10-caption.mustache
diff --git a/source/_patterns/00-atoms/02-lists/00-unordered.mustache b/source/_patterns/00-basics/02-lists/00-unordered.mustache
similarity index 100%
rename from source/_patterns/00-atoms/02-lists/00-unordered.mustache
rename to source/_patterns/00-basics/02-lists/00-unordered.mustache
diff --git a/source/_patterns/00-atoms/02-lists/01-ordered.mustache b/source/_patterns/00-basics/02-lists/01-ordered.mustache
similarity index 100%
rename from source/_patterns/00-atoms/02-lists/01-ordered.mustache
rename to source/_patterns/00-basics/02-lists/01-ordered.mustache
diff --git a/source/_patterns/00-atoms/02-lists/02-definition.mustache b/source/_patterns/00-basics/02-lists/02-definition.mustache
similarity index 100%
rename from source/_patterns/00-atoms/02-lists/02-definition.mustache
rename to source/_patterns/00-basics/02-lists/02-definition.mustache
diff --git a/source/_patterns/00-atoms/03-images/01-landscape-4x3.mustache b/source/_patterns/00-basics/03-images/01-landscape-4x3.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/01-landscape-4x3.mustache
rename to source/_patterns/00-basics/03-images/01-landscape-4x3.mustache
diff --git a/source/_patterns/00-atoms/03-images/02-landscape-16x9.mustache b/source/_patterns/00-basics/03-images/02-landscape-16x9.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/02-landscape-16x9.mustache
rename to source/_patterns/00-basics/03-images/02-landscape-16x9.mustache
diff --git a/source/_patterns/00-atoms/03-images/03-square.mustache b/source/_patterns/00-basics/03-images/03-square.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/03-square.mustache
rename to source/_patterns/00-basics/03-images/03-square.mustache
diff --git a/source/_patterns/00-atoms/03-images/04-avatar.mustache b/source/_patterns/00-basics/03-images/04-avatar.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/04-avatar.mustache
rename to source/_patterns/00-basics/03-images/04-avatar.mustache
diff --git a/source/_patterns/00-atoms/03-images/05-icons.mustache b/source/_patterns/00-basics/03-images/05-icons.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/05-icons.mustache
rename to source/_patterns/00-basics/03-images/05-icons.mustache
diff --git a/source/_patterns/00-atoms/03-images/06-loading-icon.mustache b/source/_patterns/00-basics/03-images/06-loading-icon.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/06-loading-icon.mustache
rename to source/_patterns/00-basics/03-images/06-loading-icon.mustache
diff --git a/source/_patterns/00-atoms/03-images/07-favicon.mustache b/source/_patterns/00-basics/03-images/07-favicon.mustache
similarity index 100%
rename from source/_patterns/00-atoms/03-images/07-favicon.mustache
rename to source/_patterns/00-basics/03-images/07-favicon.mustache
diff --git a/source/_patterns/00-atoms/04-forms/00-text-fields.mustache b/source/_patterns/00-basics/04-forms/00-text-fields.mustache
similarity index 100%
rename from source/_patterns/00-atoms/04-forms/00-text-fields.mustache
rename to source/_patterns/00-basics/04-forms/00-text-fields.mustache
diff --git a/source/_patterns/00-atoms/04-forms/01-select-menu.mustache b/source/_patterns/00-basics/04-forms/01-select-menu.mustache
similarity index 100%
rename from source/_patterns/00-atoms/04-forms/01-select-menu.mustache
rename to source/_patterns/00-basics/04-forms/01-select-menu.mustache
diff --git a/source/_patterns/00-atoms/04-forms/02-checkbox.mustache b/source/_patterns/00-basics/04-forms/02-checkbox.mustache
similarity index 100%
rename from source/_patterns/00-atoms/04-forms/02-checkbox.mustache
rename to source/_patterns/00-basics/04-forms/02-checkbox.mustache
diff --git a/source/_patterns/00-atoms/04-forms/03-radio-buttons.mustache b/source/_patterns/00-basics/04-forms/03-radio-buttons.mustache
similarity index 100%
rename from source/_patterns/00-atoms/04-forms/03-radio-buttons.mustache
rename to source/_patterns/00-basics/04-forms/03-radio-buttons.mustache
diff --git a/source/_patterns/00-atoms/04-forms/04-html5-inputs.mustache b/source/_patterns/00-basics/04-forms/04-html5-inputs.mustache
similarity index 100%
rename from source/_patterns/00-atoms/04-forms/04-html5-inputs.mustache
rename to source/_patterns/00-basics/04-forms/04-html5-inputs.mustache
diff --git a/source/_patterns/00-atoms/05-buttons/00-buttons.mustache b/source/_patterns/00-basics/05-buttons/00-buttons.mustache
similarity index 100%
rename from source/_patterns/00-atoms/05-buttons/00-buttons.mustache
rename to source/_patterns/00-basics/05-buttons/00-buttons.mustache
diff --git a/source/_patterns/00-atoms/06-tables/00-table.mustache b/source/_patterns/00-basics/06-tables/00-table.mustache
similarity index 100%
rename from source/_patterns/00-atoms/06-tables/00-table.mustache
rename to source/_patterns/00-basics/06-tables/00-table.mustache
diff --git a/source/_patterns/00-atoms/_07-media/01-audio.mustache b/source/_patterns/00-basics/_07-media/01-audio.mustache
similarity index 100%
rename from source/_patterns/00-atoms/_07-media/01-audio.mustache
rename to source/_patterns/00-basics/_07-media/01-audio.mustache
diff --git a/source/_patterns/02-organisms/00-global/00-header.mustache b/source/_patterns/02-organisms/00-global/00-header.mustache
index 24f2651..05f42f1 100644
--- a/source/_patterns/02-organisms/00-global/00-header.mustache
+++ b/source/_patterns/02-organisms/00-global/00-header.mustache
@@ -1,6 +1,7 @@
+
 <!-- Begin .header -->
 <header class="header cf" role="banner">
-	{{> atoms-logo }}
+	{{> basics-logo }}
 	<a href="#" class="nav-toggle nav-toggle-search icon-search"><span class="is-vishidden">Search</span></a>
 	<a href="#" class="nav-toggle nav-toggle-menu icon-menu"><span class="is-vishidden">Menu</span></a>
 	{{> molecules-primary-nav }}
diff --git a/source/_patterns/02-organisms/01-article/00-article-body.mustache b/source/_patterns/02-organisms/01-article/00-article-body.mustache
index 7e95f04..fa2c2e3 100644
--- a/source/_patterns/02-organisms/01-article/00-article-body.mustache
+++ b/source/_patterns/02-organisms/01-article/00-article-body.mustache
@@ -2,19 +2,19 @@
 
 <p><a href="#">Aliquam erat volutpat.</a> Mauris vulputate scelerisque feugiat. Cras a erat a diam venenatis aliquam. Sed tempus, purus ac pretium varius, risus orci sagittis purus, quis auctor libero magna nec magna. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas eros dolor, rutrum eu sollicitudin eu, commodo at leo. Suspendisse potenti. Sed eu nibh sit amet quam auctor feugiat vel et risus. Maecenas eu urna adipiscing neque dictum mollis suscipit in augue. Praesent pulvinar condimentum sagittis. Maecenas laoreet neque non eros consectetur fringilla. Donec vitae risus leo, vitae pharetra ipsum. Sed placerat eros eget elit iaculis semper. Aliquam congue blandit orci ac pretium.</p>
 
-{{> atoms-landscape-16x9 }} 
+{{> basics-landscape-16x9 }} 
 
 <p>Aliquam ultrices cursus mauris, eget volutpat justo mattis nec. Sed a orci turpis. Aliquam aliquet placerat dui, consectetur tincidunt leo tristique et. Vivamus enim nisi, blandit a venenatis quis, convallis et arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris libero sapien, placerat in sodales eu, tempor quis dui. Vivamus egestas faucibus pulvinar. Maecenas eget diam nunc. Phasellus at sem eros, ac suscipit neque. Phasellus sollicitudin libero a odio dignissim scelerisque. Aliquam purus nulla, tempor eget ullamcorper quis, rhoncus non dui.
 </p>
 
-{{> atoms-blockquote }} 
+{{> basics-blockquote }} 
 
 <p>Cras at fringilla ipsum. Donec nec libero eget est blandit dignissim a eu ante. Morbi augue nulla, luctus eu sagittis vel, malesuada ut felis. Aliquam erat volutpat. Morbi malesuada augue ac massa hendrerit fermentum. Integer scelerisque lacus a dolor convallis lobortis. Curabitur mollis ante in massa ultricies dignissim.
 </p>
 
-{{> atoms-unordered }} 
+{{> basics-unordered }} 
 
-{{> atoms-ordered }}
+{{> basics-ordered }}
 
 <p>Donec posuere fringilla nunc, vitae venenatis diam scelerisque vel. Nullam vitae mauris magna. Mauris et diam quis justo volutpat tincidunt congue nec magna. Curabitur vitae orci elit. Ut mollis massa id magna vestibulum consequat. Proin rutrum lectus justo, sit amet tincidunt est. Vivamus vitae lacinia risus.
 </p>
diff --git a/source/_patterns/02-organisms/04-sections/01-recent-tweets.mustache b/source/_patterns/02-organisms/04-sections/01-recent-tweets.mustache
index edd6d56..43dfe48 100644
--- a/source/_patterns/02-organisms/04-sections/01-recent-tweets.mustache
+++ b/source/_patterns/02-organisms/04-sections/01-recent-tweets.mustache
@@ -1,11 +1,11 @@
 <section class="section related-posts">
 	<h3 class="section-title">Recent Tweets</h3>
 	<ul class="headline-list">
-		<li><h4><a href="#">Headline Lorem ipsum dolor sit amet</a></h4> {{> atoms-time }}</li>
-		<li><h4><a href="#">Laborum, molestiae, rerum, dolores eveniet </a></h4> {{> atoms-time }}</li>
-		<li><h4><a href="#">quae est fugit distinctio iure odit minus non ipsum </a></h4> {{> atoms-time }}</li>
-		<li><h4><a href="#">dolorum deserunt omnis voluptates voluptatum</a></h4> {{> atoms-time }}</li>
-		<li><h4><a href="#">nventore dignissimos vel molestiae, rerum, dolore</a></h4> {{> atoms-time }}</li>
+		<li><h4><a href="#">Headline Lorem ipsum dolor sit amet</a></h4> {{> basics-time }}</li>
+		<li><h4><a href="#">Laborum, molestiae, rerum, dolores eveniet </a></h4> {{> basics-time }}</li>
+		<li><h4><a href="#">quae est fugit distinctio iure odit minus non ipsum </a></h4> {{> basics-time }}</li>
+		<li><h4><a href="#">dolorum deserunt omnis voluptates voluptatum</a></h4> {{> basics-time }}</li>
+		<li><h4><a href="#">nventore dignissimos vel molestiae, rerum, dolore</a></h4> {{> basics-time }}</li>
 		<li><h4><a href="#"></a></h4></li>
 	</ul>
 	<a href="#" class="text-btn">Follow us on Twitter</a>
diff --git a/source/_patterns/03-templates/00-homepage.mustache b/source/_patterns/03-templates/00-homepage.mustache
deleted file mode 100644
index 40f9b15..0000000
--- a/source/_patterns/03-templates/00-homepage.mustache
+++ /dev/null
@@ -1,40 +0,0 @@
-<div class="page" id="page">
-	{{> organisms-header }}
-	<div role="main">
-		{{# emergency }}
-			{{> molecules-alert }}
-		{{/ emergency }}
-		{{# hero }}
-			{{> molecules-block-hero }}
-		{{/ hero}}
-
-		<div class="g g-3up">
-			{{# touts}}
-				<div class="gi">
-					{{> molecules-inset-block }}
-				</div>
-			{{/ touts}}
-		</div><!--end 3up-->
-
-		<hr />
-
-		<div class="l-two-col">
-			<div class="l-main">
-				<section class="section latest-posts">
-					<h2 class="section-title">Latest Posts</h2>
-					<ul class="post-list">
-						{{# latest-posts }}
-							<li>{{> molecules-media-block }}</li>
-						{{/ latest-posts }}
-					</ul>
-					<a href="#" class="text-btn">View more posts</a>
-				</section>
-			</div><!--end .l-main-->
-
-			<div class="l-sidebar">
-				{{> organisms-recent-tweets }}
-			</div><!--end .l-sidebar-->
-		</div><!--end .l-two-col-->
-	</div><!--End role=main-->
-	{{> organisms-footer }}
-</div>
diff --git a/source/_patterns/03-templates/01-blog.mustache b/source/_patterns/03-templates/01-blog.mustache
deleted file mode 100644
index b55a9ba..0000000
--- a/source/_patterns/03-templates/01-blog.mustache
+++ /dev/null
@@ -1,17 +0,0 @@
-<div class="page" id="page">
-	{{> organisms-header }}
-	<div role="main">
-		<h1 class="section-title">Our Outdoor Blog</h1>
-		<div class="l-two-col">
-			<div class="l-main">
-				{{> organisms-latest-posts }}
-				{{> molecules-pagination }}
-			</div><!--end l-main-->
-
-			<div class="l-sidebar">
-				{{> organisms-recent-tweets }}
-			</div><!--end l-sidebar-->
-		</div><!--end two-col-->
-	</div><!--End role=main-->
-	{{> organisms-footer }}
-</div>
\ No newline at end of file
diff --git a/source/_patterns/03-templates/02-article.mustache b/source/_patterns/03-templates/02-article.mustache
deleted file mode 100644
index c39b4c7..0000000
--- a/source/_patterns/03-templates/02-article.mustache
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="page" id="page">
-	{{> organisms-header }}
-	<div role="main">
-		<div class="l-two-col">
-			<div class="l-main">
-				<article class="article">
-					<header class="article-header">
-						<h1>Article Headline Lorem ipsum dolor sit aweofij</h1>
-						{{> molecules-byline-author-time }}
-					</header>
-					{{> organisms-article-body }}
-				</article><!--end .article-->
-				{{> molecules-social-share }}
-				{{> organisms-sticky-comment }}
-				{{> organisms-comment-thread }}
-			</div><!--end l-main-->
-
-			<div class="l-sidebar">
-				{{> organisms-related-posts }}
-				{{> organisms-recent-tweets }}
-			</div><!--end l-sidebar-->
-		</div><!--end l-two-col-->
-	</div><!--End role=main-->
-	{{> organisms-footer }}
-</div>
diff --git a/source/_patterns/04-pages/00-homepage.json b/source/_patterns/04-pages/00-homepage.json
deleted file mode 100644
index b980072..0000000
--- a/source/_patterns/04-pages/00-homepage.json
+++ /dev/null
@@ -1,134 +0,0 @@
-{
-	"title" : "Home Page",
-	"bodyClass": "home",
-	"hero" : [
-		{
-			"img": {
-				"landscape-16x9": {
-					"src": "../../images/sample/landscape-16x9-mountains.jpg",
-					"alt": "Mountains"	
-				}
-			},
-			"headline" : {
-				"medium" : "Top 10 mountain ranges for hiking"
-			}
-		}
-	],
-	"touts" : [
-		{
-			"img": {
-				"landscape-4x3": {
-					"src": "../../images/sample/tout-4x3-climber.jpg",
-					"alt": "Climber"	
-				}
-			},
-			"headline" : {
-				"short" : "Extreme climbing tips"
-			}
-		},
-		{
-			"img": {
-				"landscape-4x3": {
-					"src": "../../images/sample/tout-4x3-stream.jpg",
-					"alt": "Stream hiking"	
-				}
-			},
-			"headline" : {
-				"short" : "Stream hiking"
-			}
-		},
-		{
-			"img": {
-				"landscape-4x3": {
-					"src": "../../images/sample/tout-4x3-climbers.jpg",
-					"alt": "Explore hiking trails"	
-				}
-			},
-			"headline" : {
-				"short" : "Explore hiking trails"
-			}
-		}
-	],
-	"latest-posts" : [
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-river.jpg",
-					"alt": "Post Thumbnail"	
-				}
-			},
-			"headline" : {
-				"short" : "Navigate the Allegheny River"
-			},
-			"exerpt" : {
-				"medium" : "The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania."
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-ivy.jpg",
-					"alt": "Ivy"	
-				}
-			},
-			"headline" : {
-				"short" : "How to detect and avoid poison ivy"
-			},
-			"exerpt" : {
-				"medium" : "Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol"
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-yosemite.jpg",
-					"alt": "Yosemite"	
-				}
-			},
-			"headline" : {
-				"short" : "Top 10 hiking mountains"
-			},
-			"exerpt" : {
-				"medium" : "Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California."
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-fire.jpg",
-					"alt": "Fire"	
-				}
-			},
-			"headline" : {
-				"short" : "How to build a campfire"
-			},
-			"exerpt" : {
-				"medium" : "A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. "
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-gear.jpg",
-					"alt": "Camping Gear"	
-				}
-			},
-			"headline" : {
-				"short" : "Pick the right camping gear"
-			},
-			"exerpt" : {
-				"medium" : "The equipment used in camping varies with the particular type of camping. For instance, in survival camping the equipment consists of small items which have the purpose of helping the camper in providing food, heat and safety."
-			}
-		}
-	],
-	"inset-blocks" : [
-		{
-			"headline" : "This is the headline for the inset block"
-		}
-	],
-	"latest-block" : [
-		{
-			"headline" : "This is the headline for the latest block"
-		}
-	]
-}
\ No newline at end of file
diff --git a/source/_patterns/04-pages/00-homepage.mustache b/source/_patterns/04-pages/00-homepage.mustache
deleted file mode 100644
index d9894d4..0000000
--- a/source/_patterns/04-pages/00-homepage.mustache
+++ /dev/null
@@ -1 +0,0 @@
-{{> templates-homepage }}
diff --git a/source/_patterns/04-pages/00-homepage~emergency.json b/source/_patterns/04-pages/00-homepage~emergency.json
deleted file mode 100644
index 7484c9a..0000000
--- a/source/_patterns/04-pages/00-homepage~emergency.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "emergency": {
-    "alertClass" : "error",
-    "excerpt" : {
-      "short" : "Emergency! This is a variation of the core homepage template."
-    }
-  }
-}
\ No newline at end of file
diff --git a/source/_patterns/04-pages/01-blog.json b/source/_patterns/04-pages/01-blog.json
deleted file mode 100644
index 09867fb..0000000
--- a/source/_patterns/04-pages/01-blog.json
+++ /dev/null
@@ -1,84 +0,0 @@
-{
-	"latest-posts" : [
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-river.jpg",
-					"alt": "Post Thumbnail"	
-				}
-			},
-			"headline" : {
-				"short" : "Navigate the Allegheny River"
-			},
-			"exerpt" : {
-				"medium" : "The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania."
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-ivy.jpg",
-					"alt": "Ivy"	
-				}
-			},
-			"headline" : {
-				"short" : "How to detect and avoid poison ivy"
-			},
-			"exerpt" : {
-				"medium" : "Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol"
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-yosemite.jpg",
-					"alt": "Yosemite"	
-				}
-			},
-			"headline" : {
-				"short" : "Top 10 hiking mountains"
-			},
-			"exerpt" : {
-				"medium" : "Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California."
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-fire.jpg",
-					"alt": "Fire"	
-				}
-			},
-			"headline" : {
-				"short" : "How to build a campfire"
-			},
-			"exerpt" : {
-				"medium" : "A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. "
-			}
-		},
-		{
-			"img": {
-				"square": {
-					"src": "../../images/sample/thumb-square-gear.jpg",
-					"alt": "Camping Gear"	
-				}
-			},
-			"headline" : {
-				"short" : "Pick the right camping gear"
-			},
-			"exerpt" : {
-				"medium" : "The equipment used in camping varies with the particular type of camping. For instance, in survival camping the equipment consists of small items which have the purpose of helping the camper in providing food, heat and safety."
-			}
-		}
-	],
-	"inset-blocks" : [
-		{
-			"headline" : "This is the headline for the inset block"
-		}
-	],
-	"latest-block" : [
-		{
-			"headline" : "This is the headline for the latest block"
-		}
-	]
-}
\ No newline at end of file
diff --git a/source/_patterns/04-pages/01-blog.mustache b/source/_patterns/04-pages/01-blog.mustache
deleted file mode 100644
index 6d8e26c..0000000
--- a/source/_patterns/04-pages/01-blog.mustache
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="page" id="page">
-	{{> organisms-header }}
-	<div role="main">
-		<h1 class="section-title">Our Outdoor Blog</h1>
-		<div class="l-two-col">
-			<div class="l-main">
-				<section class="section latest-posts">
-					
-					<ul class="post-list">
-						{{# latest-posts}}
-							<li>{{> molecules-media-block }}</li>
-						{{/ latest-posts}}
-					</ul>
-					<a href="#" class="text-btn">View more posts</a>
-				</section>
-				{{> molecules-pagination }}
-			</div><!--end l-main-->
-
-			<div class="l-sidebar">
-				{{> organisms-recent-tweets }}
-			</div><!--end l-sidebar-->
-		</div><!--end two-col-->
-	</div><!--End role=main-->
-	{{> organisms-footer }}
-</div>
\ No newline at end of file
diff --git a/source/_patterns/04-pages/02-article.json b/source/_patterns/04-pages/02-article.json
deleted file mode 100644
index 821e642..0000000
--- a/source/_patterns/04-pages/02-article.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-	"author" : {
-		"first-name" : "Julianne",
-		"last-name" : "McCormick"
-	},
-	"img": {
-		"landscape-4x3": {
-			"src": "../../images/sample/landscape-16x9-mountains.jpg",
-			"alt": "Mountains"
-		},
-		"landscape-16x9": {
-			"src": "../../images/sample/landscape-16x9-mountains.jpg",
-			"alt": "Mountains"	
-		}
-	},
-	"inset-blocks" : [
-		{
-			"headline" : "This is the headline for the inset block"
-		}
-	],
-	"latest-block" : [
-		{
-			"headline" : "This is the headline for the latest block"
-		}
-	]
-}
\ No newline at end of file
diff --git a/source/_patterns/04-pages/02-article.mustache b/source/_patterns/04-pages/02-article.mustache
deleted file mode 100644
index 0449d16..0000000
--- a/source/_patterns/04-pages/02-article.mustache
+++ /dev/null
@@ -1 +0,0 @@
-{{> templates-article }}
\ No newline at end of file
diff --git a/source/css/scss/base/base.scss b/source/css/scss/base/base.scss
index f5a47a5..443ee97 100644
--- a/source/css/scss/base/base.scss
+++ b/source/css/scss/base/base.scss
@@ -7,9 +7,8 @@ html {
 }
 
 body {
-  background: $white;
+  background: white;
   font-size: 1.4rem;
-  
   -webkit-text-size-adjust: 100%;
   color: $dark-gray;
 }
diff --git a/source/css/scss/containers/_containers.scss b/source/css/scss/containers/_containers.scss
new file mode 100644
index 0000000..7521192
--- /dev/null
+++ b/source/css/scss/containers/_containers.scss
@@ -0,0 +1,142 @@
+/* ============= Start of container =================
+* Set the reoccuring container styles that appear in the theme
+*/
+
+.brand-container {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.revolution-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .primary-title {
+    color: white;
+  }
+}
+
+.pagination-container {
+  display: flex;
+  justify-content: space-around;
+  width: 30%;
+}
+
+.image-box-block {
+  width: 458px;
+}
+
+.image-box-block--container {
+  width: 80%;
+  display: flex;
+  justify-content: center;
+}
+
+.icon-box--container {
+  width: 30%;
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+}
+
+.icon-box {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.contact-block {
+  width: 15%;
+  .subheader-text {
+    color: white;
+  }
+  .description-text {
+    color: rgb(153, 153, 153);
+  }
+}
+
+.features-icon-block {
+  width: 40%;
+  display: flex;
+  margin: 30px;
+  .features-icon-block--icon {
+    flex: 1;
+  }
+  .features-icon-block--info {
+    flex: 4;
+  }
+}
+
+.portfolio-item {
+  background-color: rgb(240, 246, 253);
+  width: 480px;
+  height: 420px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  .secondary-title {
+    color: black;
+  }
+}
+
+.portfolio-item--image {
+  background-image: url('https://www.petfinder.com/wp-content/uploads/2012/11/140272627-grooming-needs-senior-cat-632x475.jpg');
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+}
+
+.call-to-action {
+  background-color: rgb(130, 180, 64);
+  display: flex;
+  justify-content: space-around;
+  padding: 20px;
+}
+
+.info-block {
+  width: 50%;
+  padding: 20px;
+}
+
+.features-icon-list {
+  padding: 20px;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  justify-content: space-around;
+  .features-icon-list--row {
+    width: 85%;
+    justify-content: space-around;
+    flex-direction: row;
+    display: flex;
+  }
+}
+
+.footer {
+  background-color: rgb(36, 36, 39);
+  padding: 20px 100px 20px 100px;
+  .footer--brand {
+    a {
+      margin: 0 auto;
+    }
+    display: flex;
+    flex-direction: column;
+  }
+  .footer--content-block {
+    display: flex;
+    justify-content: space-around;
+    .brand-name {
+      color: white;
+    }
+  }
+  .copyright {
+    color: white;
+  }
+}
+/* ============= End of containers ================= */
\ No newline at end of file
diff --git a/source/css/style.css b/source/css/style.css
index cf633fa..4a698df 100644
--- a/source/css/style.css
+++ b/source/css/style.css
@@ -261,7 +261,7 @@ html {
 }
 
 body {
-  background: #FFF;
+  background: white;
   font-size: 1.4rem;
   -webkit-text-size-adjust: 100%;
   color: #333333;
diff --git a/source/images/logo.png b/source/images/logo.png
index 93db733..a17285e 100644
Binary files a/source/images/logo.png and b/source/images/logo.png differ
diff --git a/untitled b/untitled
new file mode 100644
index 0000000..e69de29
diff --git a/visualbreakdown/PSD-breakdown.bmpr b/visualbreakdown/PSD-breakdown.bmpr
index 4426325..24071b6 100644
Binary files a/visualbreakdown/PSD-breakdown.bmpr and b/visualbreakdown/PSD-breakdown.bmpr differ