diff --git a/assets/images/blinker-fluid.jpg b/assets/images/blinker-fluid.jpg
new file mode 100644
index 0000000..f9388b6
Binary files /dev/null and b/assets/images/blinker-fluid.jpg differ
diff --git a/bfx.html b/bfx.html
index 6787b78..a848ba1 100644
--- a/bfx.html
+++ b/bfx.html
@@ -142,22 +142,13 @@ <h3 class="white-text courier-new-text fittext-compress">Equal Heights</h3>
 						</div>
 					</div>
 					<hr class="thick white" />
-				<!-- PRIDE FILTER -->
+				
+				<!-- PRIDE FILTER [DEPRECATED]-->
 					<h3 class="white-text courier-new-text fittext-compress">Pride Filter</h3>
-					<p class="white-text flow-text courier-new-text"><strong>Got pride?</strong> Add a rainbow color filter to any image! Apply the class <strong>.pride</strong> to the img tag. To apply to multiple images, simply wrap them within a div with the pride class.</p>
-					<p class="lemon-text arial-text"><strong>NOTE:</strong> Pride filter requires a live server to work.</p>
-					<div class="row">
-						<div class="col s12 m6 l6">
-							<p class="flow-text white-text courier-new-text"><strong>Original Image</strong></p>
-							<img class="responsive" src="assets/images/brutal-building.jpg" alt="Original" />
-						</div>
-						<div class="col s12 m6 l6">
-							<p class="flow-text white-text courier-new-text"><strong>.pride</strong></p>
-							<img class="responsive pride" src="assets/images/brutal-building.jpg" alt="Prideified" />
-						</div>
-					</div>
+					<p class="lemon arial-text box-shadow-thick black-text"><strong>DEPRECATED:</strong> Due to compatibility issues, Pride filter is no longer supported as of 1.4.</p>
 					<p class="padding"></p>
 					<hr class="thick white" />
+					
 				<!-- GLITCH -->
 					<h3 class="white-text courier-new-text fittext-compress">Glitch</h3>
 					<p class="white-text courier-new-text flow-text">Add a glitch effect to any element! Works on images and text, or even entire areas! It is entirely CSS-based. Apply <strong>.glitch</strong> class to any element.</p>
@@ -174,6 +165,35 @@ <h3 class="white-text courier-new-text fittext-compress">Glitch</h3>
 					</div>
 					<p class="padding"></p>
 					<hr class="thick white" />
+					
+				<!-- BLINK -->
+					<h3 class="white-text courier-new-text fittext-compress">Blink</h3>
+					<p class="white-text arial-text flow-text">Blink is back! Apply theses classes to blink any element, even entire areas! Requires <em>brutalist.js</em> and <em>start.brutalizing.js</em>.</p>
+					<div class="row">
+						<div class="col s6 m3">
+							<h4 class="white-text lucida-text">.blink</h4>
+							<p class="blink vanilla-bean blue-text box-shadow-double courier-new-text">This is a blinking paragraph!</p>
+						</div>
+						<div class="col s6 m3">
+							<h4 class="white-text lucida-text">.blink-slow</h4>
+							<p class="blink-slow blue lime-text box-shadow courier-new-text">This is a slow-blinking paragraph!</p>
+						</div>
+						<div class="col s6 m3">
+							<h4 class="white-text lucida-text">.blink-fast</h4>
+							<p class="box-shadow-triple grey lemon-text center">Here is a <span class="blink-fast">fast-blinking</span> span and image:<br />
+							<img src="assets/images/brutal-building.jpg" alt="Fast-blinking Image" class="blink-fast small-thumb" />
+							</p>
+						</div>
+						<div class="col s6 m3">
+							<h4 class="white-text lucida-text">.blink-182</h4>
+							<p class="box-shadow-bottom charcoal orange-text center">Get Your Blinker Fluid <span class="blink-182">NOW</span>!<br />
+							<img src="assets/images/blinker-fluid.jpg" alt="Blinker Fluid" class="blink-182 circle medium-thumb" />
+							</p>
+						</div>
+					</div>
+					<p class="padding"></p>
+					<hr class="thick white" />
+					
 				<!-- THROB -->
 					<h3 class="white-text courier-new-text fittext-compress">Throb</h3>
 					<p class="white-text courier-new-text flow-text">Apply a throbbing, pulsing effect. It's CSS-based, so no javascript is needed. Simply apply the class <strong>.throb</strong> to an element. </p>
@@ -256,12 +276,12 @@ <h2 class="fittext">Clip-Box</h2>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/buix.html b/buix.html
index c69ab00..1c9082e 100644
--- a/buix.html
+++ b/buix.html
@@ -149,24 +149,33 @@ <h3 class="white-text courier-new-text fittext-compress">Tags</h3>
 					</ul>					
 					<p class="padding"></p>
 					<hr class="thick white" />
+					
+				<!-- REVELATIONS -->
 					<h3 class="white-text courier-new-text fittext-compress">Revelations</h3>
 					<p class="white-text arial-text"><em>Revelations</em> is a hover effect, for revealing hidden content!</p>
 					<div class="row">
-						<div class="col s12 m6">
+						<div class="col s12 m4">
 							<p class="arial-text white-text">The revelation container starts at a maximum width of 50% of the container it is wrapped within, and enlarges to 100% width upon hover while also revealing a caption.</p>
 							<p class="lucida-text lime-text black"><span class="heavy">.revelation</span> (wrap content within this class)<br />
 							&nbsp;&nbsp;&nbsp;<span class="heavy">.secret</span> (hidden content to be revealed upon hover)</p>
 						</div>
-						<div class="col s12 m6 center">
+						<div class="col s12 m4 center">
+							<div class="revelation orange-cream">
+								<p class="lucida-text heavy flow-text center">Hover Over Me!</p>
+								<p class="arial-text secret center">I'm a <span class="heavy">SECRET</span>!</p>
+							</div>
+						</div>
+						<div class="col s12 m4 center">
 							<div class="revelation orange-cream">
-								<img src="assets/images/brutal-building.jpg" class="responsive" />
-								<p class="white-text arial-text secret">SECRET - only visible upon hover!</p>
+								<img src="assets/images/brutal-building.jpg" class="medium-thumb" />
+								<p class="arial-text secret">SECRET - only visible upon hover!</p>
 							</div>
 						</div>
 					</div>
 					<p class="padding"></p>
 					<hr class="thick white"/>
 					
+				<!-- Simple Menu -->
 					<h3 class="white-text courier-new-text fittext-compress">Simple Menu</h3>
 					<p class="white-text arial-text"><em>Simple Menu</em> is a pure CSS menu that displays a description upon hover over each item.</p>
 					<div class="row">
@@ -280,6 +289,11 @@ <h4 class="white-text courier-new-text">Markup</h4>
 								&nbsp;&nbsp;&nbsp;&lt;li&gt;&lt;img src="URL" /&gt;&nbsp;&nbsp;&nbsp;&lt;/li&gt;<br />
 								&lt;/ul&gt;
 							</code>
+							<p>&nbsp;</p>
+							<hr class="thick white" />
+							<h4 class="white-text courier-new-text">Single Image Thumbnails</h4>
+							<p class="white-text arial-text">Apply these classes directly to the <em>img</em> tag for single images. Their sizes correspond to the above examples.</p>
+							<p class="white-text lucida-text flow-text">.tiny-thumb<br />.small-thumb<br />.medium-thumb<br />.large-thumb<br />.xlarge-thumb</p>
 						</div>
 					</div>
 					
@@ -423,12 +437,12 @@ <h2 class="charcoal-text courier-new-text">Modal Header</h2>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/butch.html b/butch.html
index 3708990..cb0308c 100644
--- a/butch.html
+++ b/butch.html
@@ -323,6 +323,39 @@ <h3 class="white-text courier-new-text fittext-compress">Filters</h3>
 					</div>
 					<p class="padding"></p>
 					<hr class="thick white" />
+					
+				<!-- OPACITIES -->
+					<h3 class="white-text courier-new-text fittext-compress">Opacities</h3>
+					<p class="white-text arial-text flow-text">Make elements have opacity, or force a transparent background (ideal for PNG images).</p>
+					<div class="row">
+						<div class="col s6 m3">
+							<h6 class="white-text heavy lucida-text">.transparent</h6>
+							<p class="box-shadow-bottom grey lemon-text center">Applies a transparent background.<br />
+							<img src="assets/images/border.png" alt="Brutal Building" class="transparent large-thumb" />
+							</p>
+						</div>
+						<div class="col s6 m3">
+							<h6 class="white-text heavy lucida-text">.semi-transparent</h6>
+							<p class="box-shadow-bottom grey lemon-text center">Makes element 50% opaque.<br />
+							<img src="assets/images/brutal-building.jpg" alt="Brutal Building" class="semi-transparent large-thumb" />
+							</p>
+						</div>
+						<div class="col s6 m3">
+							<h6 class="white-text heavy lucida-text">.high-opacity</h6>
+							<p class="box-shadow-bottom grey lemon-text center">Makes element 75% opaque.<br />
+							<img src="assets/images/brutal-building.jpg" alt="Brutal Building" class="high-opacity large-thumb" />
+							</p>
+						</div>
+						<div class="col s6 m3">
+							<h6 class="white-text heavy lucida-text">.low-opacity</h6>
+							<p class="box-shadow-bottom grey lemon-text center">Makes element 25% opaque.<br />
+							<img src="assets/images/brutal-building.jpg" alt="Brutal Building" class="low-opacity large-thumb" />
+							</p>
+						</div>
+					</div>
+					<p class="padding"></p>
+					<hr class="thick white" />
+					
 				<!-- BORDERS & SEPARATORS -->
 					<h3 class="white-text courier-new-text fittext-compress">Borders & Separators</h3>
 					<p class="white-text courier-new-text flow-text">Use these classes for borders and horizontal rule separators.</p>
@@ -377,6 +410,18 @@ <h3 class="white-text courier-new-text fittext-compress">Borders & Separators</h
 							</div>
 						</div>
 					</div>
+					<div class="row" style="margin-top: 1em;">
+						<div class="col s12 m6">
+							<div class="bevel white">
+								<p class="fittext blue-text arial-text">.bevel</p>
+							</div>
+						</div>
+						<div class="col s12 m6">
+							<div class="emboss white">
+								<p class="fittext blue-text arial-text">.emboss</p>
+							</div>
+						</div>
+					</div>
 					<div class="row">
 						<div class="col s12"><div class="jagged white">
 							<p class="blue-text arial-text fittext">.jagged</p>
@@ -491,12 +536,12 @@ <h4 class="black white-text courier-new-text flow-text">Responsive Videos</h4>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/css/core/buix.css b/css/core/buix.css
index 9b1a952..57c23ef 100644
--- a/css/core/buix.css
+++ b/css/core/buix.css
@@ -105,9 +105,14 @@ ul.tags li { display: inline-block; list-style-type: none; padding: 0; margin: 0
 
 /* REVELATIONS
 **********************************/
-.revelation { display: inline-block; max-width: 50%; height: auto; transition: max-width 2s; -webkit-transition: max-width 2s; }
+.revelation { display: inline-block; transition: transform 2s; -webkit-transition: transform 2s; }
 .revelation .secret { display: none; }
-.revelation:hover, .revelation:active, .revelation:focus { max-width: 100%; height: auto; cursor: pointer; }
+.revelation:hover, .revelation:active, .revelation:focus { 
+	cursor: pointer; 
+	-ms-transform: scale(1.5,1.5); /* IE 9 */
+	-webkit-transform: scale(1.5,1.5); /* Safari */
+	transform: scale(1.5,1.5); /* Standard syntax */
+}
 .revelation:hover .secret, .revelation:active .secret, .revelation:focus .secret { display: block; }
 
 /* THUMBNAILS
@@ -118,11 +123,11 @@ ul.thumbs-tiny, ul.thumbs-small, ul.thumbs-medium, ul.thumbs-large, ul.thumbs-xl
 ul.thumbs-tiny li, ul.thumbs-small li, ul.thumbs-medium li, ul.thumbs-large li, ul.thumbs-xlarge li {
 	display: inline-block; float: left;
 }
-ul.thumbs-tiny img { height: 60px; width: auto; }
-ul.thumbs-small img { height: 90px; width: auto; }
-ul.thumbs-medium img { height: 120px; width: auto; }
-ul.thumbs-large img { height: 150px; width: auto; }
-ul.thumbs-xlarge img { height: 180px; width: auto; }
+ul.thumbs-tiny img, img.tiny-thumb { height: 60px; width: auto; }
+ul.thumbs-small img, img.small-thumb { height: 90px; width: auto; }
+ul.thumbs-medium img, img.medium-thumb { height: 120px; width: auto; }
+ul.thumbs-large img, img.large-thumb { height: 150px; width: auto; }
+ul.thumbs-xlarge img, img.xlarge-thumb { height: 180px; width: auto; }
 
 /* MODALS
 **********************************/
diff --git a/css/core/butch.css b/css/core/butch.css
index 0b2bc43..23f5600 100644
--- a/css/core/butch.css
+++ b/css/core/butch.css
@@ -173,6 +173,22 @@ input[type=range] + .thumb {
 	cursor: pointer; cursor: hand;
 }
 
+/* OPACITIES
+*******************/
+.transparent { background: transparent !important; }
+.semi-transparent { filter:alpha(opacity=50); /* IE */
+	-moz-opacity:0.5; /* Mozilla */
+	opacity: 0.5;
+}
+.high-opacity { filter:alpha(opacity=75); /* IE */
+	-moz-opacity:0.75; /* Mozilla */
+	opacity: 0.75;
+}
+.low-opacity { filter:alpha(opacity=25); /* IE */
+	-moz-opacity:0.25; /* Mozilla */
+	opacity: 0.25;
+}
+
 /* SHAPES
 *******************/
 .circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
@@ -265,6 +281,19 @@ hr.cut-dark:after {
 	border-image: repeating-linear-gradient( 45deg, #424242, #424242 1%, #d8d8d8 1%, #d8d8d8 8%) 10;
 }
 
+.bevel {
+	border-style: outset;
+    -moz-box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .5), inset -4px -4px 4px rgba(0, 0, 0, .5);
+    -webkit-box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .5), inset -4px -4px 4px rgba(0, 0, 0, .5);
+    box-shadow: inset 4px 4px 4px rgba(255, 255, 255, .5), inset -4px -4px 4px rgba(0, 0, 0, .5);
+}
+.emboss {
+	border-style: inset;
+    box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
+    -moz-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
+    -webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
+}
+
 /* BOX SHADOWS
 *********************/
 .box-shadow { box-shadow: 5px 5px 0 #000; }
diff --git a/css/core/flavors.css b/css/core/flavors.css
index 4a97970..c9053f0 100644
--- a/css/core/flavors.css
+++ b/css/core/flavors.css
@@ -4,183 +4,237 @@
 /* Whites */
 .vanilla, .white, .cream { background-color: #fff !important; }
 .vanilla-text, .white-text, .cream-text { color: #fff !important; }
+.vanilla-text-shadow, .white-text-shadow, .cream-text-shadow { text-shadow: 2px 2px #fff !important; }
 .vanilla-border, .white-border, .cream-border { border-color: #fff !important; }
 .vanilla-bean { background-color: #FBFBEF !important; }
 .vanilla-bean-text { color: #FBFBEF !important; }
+.vanilla-bean-text-shadow { text-shadow: 2px 2px #FBFBEF !important; }
 .vanilla-bean-border { border-color: #FBFBEF !important; }
 
 /* Shades of Grey */
 .silver { background-color: #C0C0C0 !important; }
 .silver-text { color: #C0C0C0 !important; }
+.silver-text-shadow { text-shadow: 2px 2px #C0C0C0 !important; }
 .silver-border { border-color: #c0c0c0 !important; }
 .grey, .gray { background-color: #808080 !important; }
 .grey-text, .gray-text { color: #808080 !important; }
+.grey-text-shadow, .gray-text-shadow { text-shadow: 2px 2px #808080 !important; }
 .gray-border, .grey-border { border-color: #808080 !important; }
 .black { background-color: #000 !important; }
 .black-text { color: #000 !important; }
+.black-text-shadow { text-shadow: 2px 2px #000 !important; }
 .black-border { border-color: #000 !important; }
 .charcoal { background-color: #2e2e2e !important; }
 .charcoal-text { color: #2e2e2e !important; }
+.charcoal-text-shadow { text-shadow: 2px 2px #2e2e2e !important; }
 .charcoal-border { border-color: #2e2e2e !important; }
 .mushroom { background-color: #cfd8dc !important; }
 .mushroom-text { color: #cfd8dc !important; }
+.mushroom-text-shadow { text-shadow: 2px 2px #cfd8dc !important; }
 .mushroom-border { border-color: #cfd8dc !important; }
 .platinum { background-color: #e6e6e6 !important; }
 .platinum-text { color: #e6e6e6 !important; }
+.platinum-text-shadow { text-shadow: 2px 2px #e6e6e6 !important; }
 .platinum-border { border-color: #e6e6e6 !important; }
 
 /* Reds */
 .red, .tomato { background-color: #ff0000 !important; }
 .red-text, .tomato-text { color: #ff0000 !important; }
+.red-text-shadow, .tomato-text-shadow { text-shadow: 2px 2px #ff0000 !important; }
 .red-border, .tomato-border { border-color: #ff0000 !important; }
 .strawberry { background-color: #FE2E2E !important; }
 .strawberry-text { color: #FE2E2E !important; }
+.strawberry-text-shadow { text-shadow: 2px 2px #fe2e2e !important; }
 .strawberry-border { border-color: #FE2E2E !important; }
 .blood, .maroon, .pomegranate{ background-color: #800000 !important; }
-.blood-text, .maroon-text, .pomegranate-text { color: #800000 !important; } 
+.blood-text, .maroon-text, .pomegranate-text { color: #800000 !important; }
+.blood-text-shadow, .maroon-text-shadow, .pomegranate-text-shadow { text-shadow: 2px 2px #800000 !important; }
 .blood-border, .maroon-border, .pomegranate-border { border-color: #800000 !important; }
 .blood-orange { background-color: #dd2c00 !important; }
 .blood-orange-text { color: #dd2c00 !important; }
+.blood-orange-text-shadow { text-shadow: 2px 2px #dd2c00 !important; }
 .blood-orange-border { border-color: #dd2c00 !important; }
 .cherry { background-color: #b52026 !important; }
 .cherry-text { color: #b52026 !important; }
+.cherry-text-shadow { text-shadow: 2px 2px #b52026 !important; }
 .cherry-border { border-color: #b52026 !important; }
 .black-cherry { background-color: #5a1a18 !important; }
 .black-cherry-text { color: #5a1a18 !important; }
+.black-cherry-text-shadow { text-shadow: 2px 2px #5a1a18 !important; }
 .black-cherry-border { border-color: #5a1a18 !important; }
 
 /* Oranges */
 .orange { background-color: #ff9800 !important; }
 .orange-text { color: #ff9800 !important; }
+.orange-text-shadow { text-shadow: 2px 2px #ff9800 !important; }
 .orange-border { border-color: #ff9800 !important; }
 .pumpkin-spice { background-color: #e65100 !important; }
 .pumpkin-spice-text { color: #e65100 !important; }
+.pumpkin-spice-text-shadow { text-shadow: 2px 2px #e65100 !important; }
 .pumpkin-spice-border { border-color: #e65100 !important; }
 .mango { background-color: #ffab40 !important; }
 .mango-text { color: #ffab40 !important; }
+.mango-text-shadow { text-shadow: 2px 2px #ffab40 !important; }
 .mango-border { border-color: #ffab40 !important; }
 .tangerine { background-color: #ff6d00 !important; }
-.tangerine-text { color: #ff6d00 !important; } 
+.tangerine-text { color: #ff6d00 !important; }
+.tangerine-text-shadow { text-shadow: 2px 2px #ff6d00 !important; }
 .tangerine-border { border-color: #ff6d00 !important; }
 .peach { background-color: #ffab91 !important; }
 .peach-text { color: #ffab91 !important; }
+.peach-text-shadow { text-shadow: 2px 2px #ffab91 !important; }
 .peach-border { border-color: #ffab91 !important; }
 .carrot { background-color: #ef6c00 !important; }
 .carrot-text { color: #ef6c00 !important; }
+.carrot-text-shadow { text-shadow: 2px 2px #ef6c00 !important; }
 .carrot-border { border-color: #ef6c00 !important; }
 
 /* Pinks */ 
 .pink { background-color: #e91e63 !important; }
 .pink-text { color: #e91e63 !important; }
+.pink-text-shadow { text-shadow: 2px 2px #e91e63 !important; }
 .pink-border { border-color: #e91e63 !important; }
 .cotton-candy { background-color: #ff80ab !important; }
 .cotton-candy-text { color: #ff80ab !important; }
+.cotton-candy-text-shadow { text-shadow: 2px 2px #ff80ab !important; }
 .cotton-candy-border { border-color: #ff80ab !important; }
 .bubble-gum { background-color: #f8bbd0 !important; }
 .bubble-gum-text { color: #f8bbd0 !important; }
+.bubble-gum-text-shadow { text-shadow: 2px 2px #f8bbd0 !important; }
 .bubble-gum-border { border-color: #f8bbd0 !important; }
 .raspberry { background-color: #ad1457 !important; }
 .raspberry-text { color: #ad1457 !important; }
+.raspberry-text-shadow { text-shadow: 2px 2px #ad1457 !important; }
 .raspberry-border { border-color: #ad1457 !important; }
 
 /* Purples */ 
 .purple, .plum { background-color: #800080 !important; }
 .purple-text, .plum-text { color: #800080 !important; }
+.purple-text-shadow, .plum-text-shadow { text-shadow: 2px 2px #800080 !important; }
 .purple-border, .plum-border { border-color: #800080 !important; }
 .grape { background-color: #4a148c !important; }
 .grape-text { color: #4a148c !important; }
+.grape-text-shadow { text-shadow: 2px 2px #4a148c !important; }
 .grape-border { border-color: #4a148c !important; }
 .eggplant { background-color: #7b1fa2 !important; }
 .eggplant-text { color: #7b1fa2 !important; }
+.eggplant-text-shadow { text-shadow: 2px 2px #7b1fa2 !important; }
 .eggplant-border { border-color: #7b1fa2 !important; }
 .light-purple { background-color: #ce93d8 !important; }
 .light-purple-text { color: #ce93d8 !important; }
+.light-purple-text-shadow { text-shadow: 2px 2px #ce93d8 !important; }
 .light-purple-border { border-color: #ce93d8 !important; }
 
 /* Blues */
 .blue { background-color: #0000FF !important; }
 .blue-text { color: #0000FF !important; }
+.blue-text-shadow { text-shadow: 2px 2px #0000ff !important; }
 .blue-border { border-color: #0000FF !important; }
 .blue-candy { background-color: #2196f3 !important; }
 .blue-candy-text { color: #2196f3 !important; }
+.blue-candy-text-shadow { text-shadow: 2px 2px #2196f3 !important; }
 .blue-candy-border { border-color: #2196f3 !important; }
 .blueberry { background-color: #485B88 !important; }
 .blueberry-text { color: #485B88 !important; }
+.blueberry-text-shadow { text-shadow: 2px 2px #485B88 !important; }
 .blueberry-border { border-color: #485b88 !important; }
 .light-blue, .water { background-color: #ADD8E6 !important; }
 .light-blue-text, .water-text { color: #ADD8E6 !important; }
+.light-blue-text-shadow, .water-text-shadow { text-shadow: 2px 2px #ADD8E6 !important; }
 .light-blue-border, .water-border { border-color: #ADD8E6 !important; }
 .pool-water { background-color: #81d4fa !important; }
 .pool-water-text { color: #81d4fa !important; }
+.pool-water-text-shadow { text-shadow: 2px 2px #81d4fa !important; }
 .pool-water-border { border-color: #81d4fa !important; }
 .navy-blue { background-color: #283593 !important; }
 .navy-blue-text { color: #283593 !important; }
+.navy-blue-text-shadow { text-shadow: 2px 2px #283593 !important; }
 .navy-blue-border { border-color: #283593 !important; }
 
 /* Browns */
 .brown { background-color: #795548 !important; }
 .brown-text { color: #795548 !important; }
+.brown-text-shadow { text-shadow: 2px 2px #795548 !important; }
 .brown-border { border-color: #795548 !important; }
 .chocolate { background-color: #4c3428 !important; }
 .chocolate-text { color: #4c3428 !important; }
+.chocolate-text-shadow { text-shadow: 2px 2px #4c3428 !important; }
 .chocoloate-border { border-color: #4c3428 !important; }
 .dark-chocolate { background-color: #3e2723 !important; }
 .dark-chocolate-text { color: #3e2723 !important; }
+.dark-chocolate-text-shadow { text-shadow: 2px 2px #3e2723 !important; }
 .dark-chocolate-border { border-color: #3e2723 !important; }
 .light-brown, .cappuccino { background-color: #be9b7b !important; }
 .light-brown-text, .cappuccino-text { color: #be9b7b !important; }
+.light-brown-text-shadow, .cappuccino-text-shadow { text-shadow: 2px 2px #be9b7b !important; }
 .light-brown-border { border-color: #be9b7b !important; }
 .wheat { background-color: #dac3a1 !important; }
 .wheat-text { color: #dac3a1 !important; }
+.wheat-text-shadow { text-shadow: 2px 2px #dac3a1 !important; }
 .wheat-border { border-color: #dac3a1 !important; }
 .peanut, .peanut-butter { background-color: #c29963 !important; }
 .peanut-text, .peanut-butter-text { color: #c29963 !important; }
+.peanut-text-shadow, .peanut-butter-text-shadow { text-shadow: 2px 2px #c29963 !important; }
 .peanut-border, .peanut-butter-border { border-color: #c29963 !important; }
 
 /* Greens */
 .green, .cucumber { background-color: #008000 !important; } 
 .green-text, .cucumber-text { color: #008000 !important; }
+.green-text-shadow, .cucumber-text-shadow { text-shadow: 2px 2px #008000 !important; }
 .green-border, .cucumber-border { border-color: #008000 !important; }
 .green-apple { background-color:  #5BC236 !important; }
 .green-apple-text { color:  #5BC236 !important; }
+.green-apple-text-shadow { text-shadow: 2px 2px #5BC236 !important; }
 .green-apple-border { border-color: #5BC236 !important; }
 .lime { background-color: #00ff00 !important; }
 .lime-text { color: #00ff00 !important; }
+.lime-text-shadow { text-shadow: 2px 2px #00ff00 !important; }
 .lime-border { border-color: #00ff00 !important; }
 .kiwi { background-color: #58FA82 !important; }
 .kiwi-text { color: #58FA82 !important; }
+.kiwi-text-shadow { text-shadow: 2px 2px #f8fa82 !important; }
 .kiwi-border { border-color: #f8FA82 !important; }
 .olive { background-color: #808000 !important; }
 .olive-text { color: #808000 !important; }
+.olive-text-shadow { text-shadow: 2px 2px #808000 !important; }
 .olive-border { border-color: #808000 !important; }
 .pistachio { background-color: #81c784 !important; }
 .pistachio-text { color: #81c784 !important; }
+.pistachio-text-shadow { text-shadow: 2px 2px #81c784 !important; }
 .pistachio-border { border-color: #81c784 !important; }
 .mint { background-color: #a5d6a7 !important; }
 .mint-text { color: #a5d6a7 !important; }
+.mint-text-shadow { text-shadow: 2px 2px #a5d6a7 !important; }
 .mint-border { border-color: #a5d6a7 !important; }
 .spinach { background-color: #1b5e20 !important; }
 .spinach-text { color: #1b5e20 !important; }
+.spinach-text-shadow { text-shadow: 2px 2px #1b5e20 !important; }
 .spinach-border { border-color: #1b5e20 !important; }
 
 /* Yellows */ 
 .yellow, .lemon { background-color: #ffff00 !important; }
 .yellow-text, .lemon-text { color: #ffff00 !important; }
+.yellow-text-shadow, .lemon-text-shadow { text-shadow: 2px 2px #ffff00 !important; }
 .yellow-border, .lemon-border { border-color: #ffff00 !important; }
 .banana { background-color: #F4FA58 !important; }
 .banana-text { color: #F4FA58 !important; }
+.banana-text-shadow { text-shadow: 2px 2px #F4FA58 !important; }
 .banana-border { border-color: #F4FA58 !important; }
 .butter { background-color: #F2F5A9 !important; }
 .butter-text { color: #F2F5A9 !important; }
+.butter-text-shadow { text-shadow: 2px 2px #F2F5A9 !important; }
 .butter-border { border-color: #F2F5A9 !important; }
 .cheddar { background-color: #F7B92A !important; }
 .cheddar-text { color: #F7B92A !important; }
+.cheddar-text-shadow { text-shadow: 2px 2px #F7B92A !important; }
 .cheddar-border { border-color: #F7B92A !important; }
 .honey, .amber { background-color: #ffc107 !important; }
 .honey-text, .amber-text { color: #ffc107 !important; }
+.honey-text-shadow, .amber-text-shadow { text-shadow: 2px 2px #ffc107 !important; }
 .honey-border, .amber-border { border-color: #ffc107 !important; }
 .pineapple { background-color: #FFE874 !important; }
 .pineapple-text { color: #FFE874 !important; }
+.pineabble-text-shadow { text-shadow: 2px 2px #FFE874 !important; }
 .pineapple-border { border-color: #FFE874 !important; }
 
 /* MIXED FLAVORS 
diff --git a/flavors.html b/flavors.html
index 565ae18..c4182c6 100644
--- a/flavors.html
+++ b/flavors.html
@@ -395,6 +395,12 @@ <h3 class="white-text courier-new-text fittext-compress">Text Color</h3>
 					<p class="flow-text"><span class="lime-text">.lime-text</span> <span class="banana-text">.banana-text</span> <span class="blue-text">.blue-text</span> <span class="bubble-gum-text">.bubble-gum-text</span></p>
 					<p class="padding"></p>
 					<hr class="thick white" />
+					<h3 class="white-text courier-new-text fittext-compress">Text Shadow</h3>
+					<p class="white-text arial-text">Simply apply <strong><em>-text-shadow</em></strong> after a core color class to change the text shadow color.</p>
+					<p class="white-text arial-text flow-text">EXAMPLES:</p>
+					<p class="flow-text charcoal-text heavy"><span class="lime-text-shadow">.lime-text-shadow</span> <span class="yellow-text-shadow">.yellow-text-shadow</span> <span class="blue-text-shadow">.blue-text-shadow</span> <span class="vanilla-bean-text-shadow">.vanilla-bean-text-shadow</span></p>
+					<p class="padding"></p>
+					<hr class="thick white" />
 					<h3 class="white-text courier-new-text fittext-compress">Border Color</h3>
 					<p class="white-text arial-text">Simply apply <strong><em>-border</em></strong> after a core color class to change the border color. See "Basic Borders" under BUTCH on how to apply borders.</p>
 					<p class="white-text arial-text flow-text">EXAMPLES:</p>
@@ -655,12 +661,12 @@ <h3 class="white-text courier-new-text fittext-compress">Gradients</h3>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/grid.html b/grid.html
index fd8be01..204cebd 100644
--- a/grid.html
+++ b/grid.html
@@ -196,12 +196,12 @@ <h3 class="fittext-h3 white-text courier-new">Flexbox Fusion Example</h3>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/index.html b/index.html
index e1eca69..73edf80 100644
--- a/index.html
+++ b/index.html
@@ -38,11 +38,11 @@
 				<img class="responsive comfortable" src="assets/images/brutalist-framework512.jpg" alt="Brutalist Framework" />
 			</div>
 			<div class="col s12 m6 l9 no-padding">
-				<div class="comfortable"><h2 class="white-text fittext-compress courier-new-text baffle-longer">An open source framework for the brutalist web design trend.</h2></div>
 				<div class="jagged">
 					<div class="black white-text padding home-head">
-						<p class="courier-new-text fittext center"><span class="black-text">Version <strong>1.3</strong></span></p>
-						<p class="courier-new-text black-text flow-text center"><a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" class="lime blue-text invert-hover button"><strong>DOWNLOAD</strong></a> ||&nbsp;
+						<h2 class="black-text center fittext-compress courier-new-text baffle-longer heavy white-text-shadow">An open source framework for the brutalist web design trend.</h2>
+						<p class="courier-new-text fittext center"><span class="black-text">Version <strong>1.4</strong></span></p>
+						<p class="courier-new-text black-text flow-text center"><a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" class="lime blue-text invert-hover button"><strong>DOWNLOAD</strong></a> ||&nbsp;
 							<a href="https://github.com/pinecreativelabs/Brutalist-Framework" target="_blank" class="button black white-text invert-hover">GITHUB PROJECT</a>
 						</p>
 					</div>
@@ -50,111 +50,94 @@
 			</div>
 		</div>
 		<div class="row">
-			<div class="col s12 m6 l3 no-padding">
-				<aside class="black comfortable jagged">
-					<nav class="simple">
-						<ul class="courier-new-text flow-text lime-text">
-							<li class="invert-hover active"><a href="#" class="lime-text">Home</a></li>
-							<li class="invert-hover"><a href="flavors.html" class="lime-text">Flavors</a></li>
-							<li class="invert-hover"><a href="butch.html" class="lime-text">BUTCH</a></li>
-							<li class="invert-hover"><a href="buix.html" class="lime-text">BUIX</a></li>
-							<li class="invert-hover"><a href="bfx.html" class="lime-text">BFX</a></li>
-							<li class="invert-hover"><a href="grid.html" class="lime-text">Grid</a></li>
-							<li class="invert-hover"><a href="templates.html" class="lime-text">Templates</a></li>
-							<li class="blue-candy invert-hover"><a href="http://www.twitter.com/brutalistfwk" target="_blank">@brutalistfwk</a></li>
-						</ul>
-					</nav>
-				</aside>
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="flow-text allcaps center skew heavy">Flavors</p>
+					<p class="center skew">Color classes library with combos and gradients<br /><br />
+					<a href="flavors.html" class="button lime blue-text invert-hover box-shadow"><strong>Start Tasting</strong></a></p>
+				</div>
 			</div>
-			<div class="col s12 m6 l9 no-padding">
-				<section>
-					<div class="row">
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="flow-text allcaps center skew red heavy">Flavors</p>
-								<p class="center skew">Color classes library with combos and gradients<br /><br />
-								<a href="flavors.html" class="button lime blue-text invert-hover"><strong>Start Tasting</strong></a></p>
-							</div>
-						</div>
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="skew-left flow-text allcaps center red heavy">BUTCH</p>
-								<p class=" skew-left center">Brutalist Utility & Typography Class Helpers<br /><br />
-								<a href="butch.html" class="lime btn invert-hover blue-text"><strong>Get Butchering</strong></a></p>
-							</div>
-						</div>
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="skew flow-text allcaps center red heavy">BUIX</p>
-								<p class="center skew">Brutalist User Interface Experience<br /><br />
-								<a href="buix.html" class="lime blue-text btn invert-hover"><strong>Experience</strong></a></p>
-							</div>
-						</div>
-					</div>
-					<div class="row">
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="skew flow-text allcaps center red heavy">BFX</p>
-								<p class="skew center">Brutal Effects<br /><br />
-								<a href="bfx.html" class="button lime invert-hover blue-text"><strong>Start.Brutalizing</strong></a></p>
-							</div>
-						</div>
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="skew flow-text allcaps center red heavy">Grid</p>
-								<p class="skew center">Multiple responsive grids<br /><br />
-								<a href="grid.html" class="btn blue-text lime invert-hover"><strong>Make Layouts</strong></a></p>
-							</div>
-						</div>
-						<div class="col s12 m12 l4">
-							<div class="skew-right solitary padding black white-text courier-new-text equal-height">
-								<p class="skew flow-text allcaps center red heavy">Templates</p>
-								<p class="skew center">Free & premium starting points<br /><br />
-								<a href="/templates" class="button lime blue-text invert-hover"><strong>Learn More</strong></a></p>
-							</div>
-						</div>
-					</div>
-					<p class="center white-text courier-new-text">Built with<br /><span class="flow-text">HTML5 / CSS3 / jQuery</span></p>
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="skew-left flow-text allcaps center heavy">BUTCH</p>
+					<p class=" skew-left center">Brutalist Utility & Typography Class Helpers<br /><br />
+					<a href="butch.html" class="lime btn invert-hover blue-text box-shadow"><strong>Get Butchering</strong></a></p>
+				</div>
+			</div>
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="skew flow-text allcaps center heavy">BUIX</p>
+					<p class="center skew">Brutalist User Interface Experience<br /><br />
+					<a href="buix.html" class="lime blue-text btn invert-hover box-shadow"><strong>Experience</strong></a></p>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="skew flow-text allcaps center heavy">BFX</p>
+					<p class="skew center">Brutal Effects<br /><br />
+					<a href="bfx.html" class="button lime invert-hover blue-text box-shadow"><strong>Start.Brutalizing</strong></a></p>
+				</div>
+			</div>
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="skew flow-text allcaps center heavy">Grid</p>
+					<p class="skew center">Multiple responsive grids<br /><br />
+					<a href="grid.html" class="btn blue-text lime invert-hover box-shadow"><strong>Make Layouts</strong></a></p>
+				</div>
+			</div>
+			<div class="col s12 m12 l4">
+				<div class="skew-right solitary padding silver charcoal-text courier-new-text equal-height box-shadow-double">
+					<p class="skew flow-text allcaps center heavy">Templates</p>
+					<p class="skew center">Free & premium starting points<br /><br />
+					<a href="/templates" class="button lime blue-text invert-hover box-shadow"><strong>Learn More</strong></a></p>
+				</div>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12">
+				<p class="center white-text courier-new-text">Built with<br /><span class="flow-text">HTML5 / CSS3 / jQuery</span></p>
+				<p class="padding"></p>
+				<hr class="white thick" />
+			</div>
+		</div>
+		<div class="row">
+			<div class="col s12 m12 l6">
+				<div class="padding">
+					<h3 class="fittext-compress lucida-text black white-text">About BF</h3>
+					<p class="white-text courier-new-text">Brutalism is a hot trend in web design, and this framework is a free, open source framework for building <a href="http://www.brutalistwebsites.com" class="blue-text lime invert-hover" target="_blank">brutal websites</a>!</p>
+					<h4 class="fittext-compress lucida-text white-text">Brutalism = CRUDE</h4>
+					<p class="courier-new-text white-text">When thinking of brutalism, think CRUDE:</p>
+					<p class="white-text flow-text" style="padding-left: 2em;">
+						<span class="black"><strong>C</strong></span>ynically confrontational<br />
+						<span class="black"><strong>R</strong></span>oughly raw and rugged<br />
+						<span class="black"><strong>U</strong></span>ncomfortably ugly and unpolished<br />
+						<span class="black"><strong>D</strong></span>eliberately daring and damaging<br />
+						<span class="black"><strong>E</strong></span>xtremely exasperated and embittered
+					</p>
+					<p>&nbsp;</p>
+					<p class="white-text courier-new-text">Brutalist web design is the <strong>anti-conventional</strong> approach to proper, modern web design principles. In essence, it harkens back to the days of a more primitive web.</p>
+					<p class="white-text" style="font-family: Courier New, monospace;"><strong><span class="flow-text">Useful Articles:</span></strong><br />
+						<a href="https://webdesign.tutsplus.com/articles/its-tough-out-there-a-look-at-brutalism-in-web-design--cms-26545" target="_blank" class="silver blue-text">It's Tough Out There: A Look at Brutalism in Web Design</a><br />
+						<a href="http://blog.usabilla.com/ux-trend-curious-case-web-brutalism" target="_blank" class="spinach lime-text">The Curious Case of Web Brutalism</a><br />
+						<a href="http://www.webdesignerdepot.com/2016/08/the-rise-and-rise-of-the-brutalist-design-trend" target="_blank" class="orange blue-text">The Rise and Rise of the Brutalist Design Trend</a>
+					</p>
 					<p class="padding"></p>
-					<hr class="white thick" />
-					<div class="row">
-						<div class="col s12 m12 l6">
-							<h3 class="fittext-compress lucida-text black white-text">About BF</h3>
-							<p class="white-text courier-new-text">
-								Brutalism is a hot trend in web design, and this framework is a free, open source framework for building <a href="http://www.brutalistwebsites.com" class="blue-text lime invert-hover" target="_blank">brutal websites</a>!
-							</p>
-							<h4 class="fittext-compress lucida-text white-text">Brutalism = CRUDE</h4>
-							<p class="courier-new-text white-text">When thinking of brutalism, think CRUDE:</p>
-							
-							<p class="white-text flow-text" style="padding-left: 2em;">
-								<span class="black"><strong>C</strong></span>ynically confrontational<br />
-								<span class="black"><strong>R</strong></span>oughly raw and rugged<br />
-								<span class="black"><strong>U</strong></span>ncomfortably ugly and unpolished<br />
-								<span class="black"><strong>D</strong></span>eliberately daring and damaging<br />
-								<span class="black"><strong>E</strong></span>xtremely exasperated and embittered
-							</p>
-							
-							<p>&nbsp;</p>
-							<p class="white-text courier-new-text">Brutalist web design is the <strong>anti-conventional</strong> approach to proper, modern web design principles. In essence, it harkens back to the days of a more primitive web.</p>
-							<p class="white-text" style="font-family: Courier New, monospace;"><strong><span class="flow-text">Useful Articles:</span></strong><br />
-								<a href="https://webdesign.tutsplus.com/articles/its-tough-out-there-a-look-at-brutalism-in-web-design--cms-26545" target="_blank" class="silver blue-text">It's Tough Out There: A Look at Brutalism in Web Design</a><br />
-								<a href="http://blog.usabilla.com/ux-trend-curious-case-web-brutalism" target="_blank" class="spinach lime-text">The Curious Case of Web Brutalism</a><br />
-								<a href="http://www.webdesignerdepot.com/2016/08/the-rise-and-rise-of-the-brutalist-design-trend" target="_blank" class="orange blue-text">The Rise and Rise of the Brutalist Design Trend</a>
-							</p>
-							<p class="padding"></p>
-						</div>
-						<div class="col s12 m12 l6">
-							<h3 class="fittext-compress lucida-text black white-text">What's New in 1.3?</h3>
-							<ul class="square inside white-text" style="margin-right: 1.1em;">
-								<li>FLAVORS: 2 new flavors (Wheat and Peanut Butter), 2 new color combos, and 4 new gradients</li>
-								<li>BUTCH: New box-shadows</li>
-								<li>BUIX: New thumbnail classes, new modals</li>
-								<li>BFX: Baffle bug fix</li>
-								<li>TEMPLATES: 3 new templates!</li>
-							</ul>
-							<p>&nbsp;</p>
-						
-							<!-- Begin MailChimp Signup Form -->
+				</div>
+			</div>
+			<div class="col s12 m12 l6">
+				<div class="padding">
+					<h3 class="fittext-compress lucida-text black white-text">What's New in 1.4?</h3>
+					<ul class="square inside white-text" style="margin-right: 1.1em;">
+						<li>BFX: Deprecated Pride filter; new "Blink" effect</li>
+						<li>FLAVORS: New text-shadows</li>
+						<li>BUTCH: Added opacities; added bevel and emboss border styles</li>
+						<li>BUIX: Added support for single image thumbnails; improvement to Revelations</li>
+						<li>TEMPLATES: New Email template!</li>
+					</ul>
+					<p>&nbsp;</p>
+					<!-- Begin MailChimp Signup Form -->
 							<div class="black padding">
 							<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
 							<style type="text/css">
@@ -163,7 +146,7 @@ <h3 class="fittext-compress lucida-text black white-text">What's New in 1.3?</h3
 							<div id="mc_embed_signup">
 							<form action="//pinecreativelabs.us15.list-manage.com/subscribe/post?u=9b5e4b09650c667963bbffcc2&amp;id=fe7a5b0d6c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
 								<div id="mc_embed_signup_scroll">
-									<h2 class="fittext-compress white-text">Brutal Blast</h2>
+									<h2 class="fittext-compress white-text">Brutal Blast /////</h2>
 									<p class="white-text lucida-text">Subscribe to our e-newsletter and receive periodic updates on releases, new themes and templates, and showcases.<br />&nbsp;</p>
 									<div class="mc-field-group white-text lucida-text">
 										<label for="mce-EMAIL">Email Address <span style="font-size: 10px;">Required</span></label>
@@ -180,12 +163,8 @@ <h2 class="fittext-compress white-text">Brutal Blast</h2>
 							</div>
 							<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
 							</div>
-							<!--End mc_embed_signup-->
-							
-						</div>
-					</div>
-
-				</section>
+					<!--End mc_embed_signup-->
+				</div>
 			</div>
 		</div>
 	</div>
@@ -226,12 +205,12 @@ <h2 class="fittext-compress white-text">Brutal Blast</h2>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->
 
diff --git a/js/brutalist.js b/js/brutalist.js
index 9bbbfaf..122fbca 100644
--- a/js/brutalist.js
+++ b/js/brutalist.js
@@ -5,7 +5,8 @@
  */
 !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.baffle=e():t.baffle=e()}(this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={exports:{},id:r,loaded:!1};return t[r].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}var i=n(2),o=r(i);t.exports=o["default"]},function(t,e){"use strict";function n(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return t}function r(t,e){return t.split("").map(e).join("")}function i(t){return t[Math.floor(Math.random()*t.length)]}function o(t,e){for(var n=0,r=t.length;n<r;n++)e(t[n],n)}function u(t){return t.map(function(t,e){return!!t&&e}).filter(function(t){return t!==!1})}function s(t){return"string"==typeof t?[].slice.call(document.querySelectorAll(t)):[NodeList,HTMLCollection].some(function(e){return t instanceof e})?[].slice.call(t):t.nodeType?[t]:t}Object.defineProperty(e,"__esModule",{value:!0}),e.extend=n,e.mapString=r,e.sample=i,e.each=o,e.getTruthyIndices=u,e.getElements=s},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{"default":t}}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var o=n(1),u=n(3),s=r(u),c={characters:"AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz~!@#$%^&*()-+=[]{}|;:,./<>?",exclude:[" "],speed:50},a=function(){function t(e,n){i(this,t),this.options=(0,o.extend)(Object.create(c),n),this.elements=(0,o.getElements)(e).map(s["default"]),this.running=!1}return t.prototype.once=function(){var t=this;return(0,o.each)(this.elements,function(e){return e.write(t.options.characters,t.options.exclude)}),this.running=!0,this},t.prototype.start=function(){var t=this;return clearInterval(this.interval),(0,o.each)(this.elements,function(t){return t.init()}),this.interval=setInterval(function(){return t.once()},this.options.speed),this.running=!0,this},t.prototype.stop=function(){return clearInterval(this.interval),this.running=!1,this},t.prototype.set=function(t){return(0,o.extend)(this.options,t),this.running&&this.start(),this},t.prototype.text=function(t){var e=this;return(0,o.each)(this.elements,function(n){n.text(t(n.value)),e.running||n.write()}),this},t.prototype.reveal=function(){var t=this,e=arguments.length<=0||void 0===arguments[0]?0:arguments[0],n=arguments.length<=1||void 0===arguments[1]?0:arguments[1],r=e/this.options.speed||1,i=function(){clearInterval(t.interval),t.running=!0,t.interval=setInterval(function(){var e=t.elements.filter(function(t){return!t.bitmap.every(function(t){return!t})});(0,o.each)(e,function(e){var n=Math.ceil(e.value.length/r);e.decay(n).write(t.options.characters,t.options.exclude)}),e.length||(t.stop(),(0,o.each)(t.elements,function(t){return t.init()}))},t.options.speed)};return setTimeout(i,n),this},t}();e["default"]=function(t,e){return new a(t,e)}},function(t,e,n){"use strict";function r(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function o(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(e,"__esModule",{value:!0});var u=n(1),s=function(){function t(e){o(this,t),this.value=e,this.init()}return t.prototype.init=function(){return this.bitmap=this.value.split("").map(function(){return 1}),this},t.prototype.render=function(){var t=this,e=arguments.length<=0||void 0===arguments[0]?[]:arguments[0],n=arguments.length<=1||void 0===arguments[1]?[]:arguments[1];return e.length?(0,u.mapString)(this.value,function(r,i){return n.indexOf(r)>-1?r:t.bitmap[i]?(0,u.sample)(e):r}):this.value},t.prototype.decay=function(){for(var t=arguments.length<=0||void 0===arguments[0]?1:arguments[0];t--;){var e=(0,u.getTruthyIndices)(this.bitmap);this.bitmap[(0,u.sample)(e)]=0}return this},t.prototype.text=function(){var t=arguments.length<=0||void 0===arguments[0]?this.value:arguments[0];return this.value=t,this.init(),this},t}(),c=function(t){function e(n){o(this,e);var i=r(this,t.call(this,n.textContent));return i.element=n,i}return i(e,t),e.prototype.write=function(t,e){return this.element.textContent=this.render(t,e),this},e}(s);e["default"]=function(t){return new c(t)}}])});
 
-var Prideify=function(i,t){if("undefined"==typeof i&&(i="[data-pride]"),"undefined"==typeof t&&(t={}),this instanceof Prideify)this.options=t,this.prideifyImage(i);else{var e;if(window.jQuery&&i.jquery&&(e=jQuery.makeArray(i)),"string"==typeof i){var s=document.querySelectorAll(i);e=Array.prototype.slice.call(s)}[].concat(e||i).forEach(function(i){new Prideify(i,t)})}};Prideify.prototype.prideifyImage=function(i){var t=new Image;switch(t.crossOrigin="anonymous",t.src=i.src,typeof this.options.crossOriginProxy){case"string":t.src=this.options.crossOriginProxy+t.src;case"boolean":this.options.crossOriginProxy&&(t.src="http://crossorigin.me/"+t.src)}t.onload=function(){i.src=this.render(t),i.classList.add(this.options.renderedClass||"prideified"),t=null,"function"==typeof this.options.afterRender&&this.options.afterRender(i)}.bind(this)},Prideify.prototype.render=function(i){this.canvas=document.createElement("canvas"),this.context=this.canvas.getContext("2d"),document.body.appendChild(this.canvas),this.width=this.canvas.width=i.width,this.height=this.canvas.height=i.height,this.context.drawImage(i,0,0,this.width,this.height),this.addRainbow(i);var t=this.canvas.toDataURL();return this.removeCanvas(),t},Prideify.prototype.stripes=[[255,62,24],[252,154,0],[255,216,0],[57,234,124],[11,178,255],[152,90,255]],Prideify.prototype.removeCanvas=function(){this.canvas.parentNode.removeChild(this.canvas)},Prideify.prototype.addRainbow=function(i){for(var t=0;6>t;t++)this.addStripe(i,t)},Prideify.prototype.addStripe=function(i,t){var e=this.options.customStripes||this.stripes,s=i.height/e.length,r=t*s,n=e[t].join(", ");this.context.fillStyle="rgba("+n+", 0.5)",this.context.fillRect(0,r,i.width,s)},window.jQuery&&(jQuery.fn.prideify=function(i){Prideify(this,i)});
+(function($){$.fn.blink=function(options){var defaults={delay:500};var options=$.extend(defaults,options);return $(this).each(function(idx,itm){var handle=setInterval(function(){if($(itm).css("visibility")==="visible"){$(itm).css('visibility','hidden')}else{$(itm).css('visibility','visible')}},options.delay);$(itm).data('handle',handle)})}
+$.fn.unblink=function(){return $(this).each(function(idx,itm){var handle=$(itm).data('handle');if(handle){clearInterval(handle);$(itm).data('handle',null);$(itm).css('visibility','inherit')}})}}(jQuery))
 /*!
 * FitText.js 1.2
 * Copyright 2011, Dave Rupert http://daverupert.com
diff --git a/js/start.brutalizing.js b/js/start.brutalizing.js
index 2d01fea..c5e6fe8 100644
--- a/js/start.brutalizing.js
+++ b/js/start.brutalizing.js
@@ -27,8 +27,11 @@ $('.equal-height').matchHeight({
     remove: false
 });
 	
-/* Prideify - rainbow color filter */
-$('.pride').prideify({ crossOriginProxy: true });
+/* Blinker Fluid */
+$('.blink').blink({delay: 350});
+$('.blink-slow').blink({delay: 600});
+$('.blink-fast').blink({delay: 100});
+$('.blink-182').blink({delay: 182});
 
 /* BAFFLE */
 /* Animation speed value can be increased or decreased. Same with duration */
diff --git a/templates/css/theme.css b/templates/css/theme.css
index 3c0dfbf..6f97397 100644
--- a/templates/css/theme.css
+++ b/templates/css/theme.css
@@ -37,4 +37,10 @@ p { font-size: 1.1em }
 .tags li { padding: 0.3em !important; }
 
 /* Gallery Basic */
-.thumbs-medium li { margin: 8px; }
\ No newline at end of file
+.thumbs-medium li { margin: 8px; }
+
+/* Email Boilerplate 01 */
+.email-body { width: 600px; margin: 0 auto !important; display: block;}
+@media only screen and (max-width: 620px) {
+	.email-body { width: 100%; }
+}
\ No newline at end of file
diff --git a/templates/email-boilerplate-01.html b/templates/email-boilerplate-01.html
new file mode 100644
index 0000000..9591cd8
--- /dev/null
+++ b/templates/email-boilerplate-01.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
+	<title>Brutalist Framework || Email Boilerplate 01</title>
+	<meta name="description" content="A simple framework for the brutalist web design trend." />
+	<meta name="keywords" content="brutalism, brutalist, framework, css, open source, style, design trend" />
+	<!-- Twitter Card data -->
+	<meta name="twitter:card" content="summary">
+	<meta name="twitter:site" content="@pinebuilder">
+	<meta name="twitter:title" content="Brutalist Framework || Email Boilerplate 01">
+	<meta name="twitter:description" content="A simple framework for the brutalist web design trend.">
+	<meta name="twitter:creator" content="@pinebuilder">
+	<!-- Twitter Summary card images must be at least 120x120px -->
+	<meta name="twitter:image" content="http://www.brutalistframework.com/assets/images/brutalist-framework512.jpg">
+
+	<!-- Open Graph data -->
+	<meta property="og:title" content="Brutalist Framework || Splash Page Template 001" />
+	<meta property="og:type" content="website" />
+	<meta property="og:url" content="http://www.brutalistframework.com" />
+	<meta property="og:image" content="http://www.brutalistframework.com/assets/images/brutalist-framework512.jpg" />
+	<meta property="og:description" content="A simple framework for the brutalist web design trend." /> 
+	<meta property="og:site_name" content="Brutalist Framework" />
+
+	<!-- Icons -->
+	<link rel="shortcut icon" href="assets/icons/bf44.png" type="image/x-icon" />
+	<link rel="icon" href="assets/icons/bf15.ico" type="image/x-icon" />
+	<link rel="apple-touch-icon" href="assets/icons/bf57.png" />
+	<!-- CSS  -->
+	<link href="../css/core/core.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+	<link href="css/theme.css" type="text/css" rel="stylesheet" media="screen,projection" />
+</head>
+<body>
+	
+<div class="vanilla-bean grey-text lucida-text" style="padding-top: 1.5em; padding-bottom: 1.8em;">
+	<div class="email-body box-shadow charcoal-border border-solid-thin padding white">
+		<div class="row">
+			<div class="col s3">
+				<a href="http://www.brutalistframework.com"><img src="../assets/images/brutalist-framework512.jpg" alt="Brutalist Framework" class="responsive" /></a>
+			</div>
+			<div class="col s9">
+				<h1 class="flow-text heavy blue-text">Email Boilerplate 01</h1>
+			</div>
+		</div>
+		<hr class="thick charcoal" />
+		<div class="row">
+			<div class="col s12">
+				<div class="double-col pad30">
+					<p>Lorem ipsum no facer prompta vim, movet ubique qui ei. Per no regione aliquid, ea mei nulla scribentur liberavisse. Vim cu tale ludus possit, discere suavitate nam ad. No verterem reprimique vix, phaedrum hendrerit an quo. Qui feugait apeirian ut, ne virtute numquam mandamus mea. Eos et enim dicant deterruisset. At nec ceteros mentitum, ex solum putent offendit per.
+					</p>
+					<hr class="jagged-rule-dark" />
+					<p>Lorem ipsum no facer prompta vim, movet ubique qui ei. Vim cu tale ludus possit, discere suavitate nam ad. No verterem reprimique vix, phaedrum hendrerit an quo. Qui feugait apeirian ut, ne virtute numquam mandamus mea. Eos et enim dicant deterruisset. At nec ceteros mentitum, ex solum putent offendit per.
+					</p>
+					<hr class="jagged-rule-dark" />
+					<p>Per no regione aliquid, ea mei nulla scribentur liberavisse. Vim cu tale ludus possit, discere suavitate nam ad. No verterem reprimique vix, phaedrum hendrerit an quo. Qui feugait apeirian ut, ne virtute numquam mandamus mea. Eos et enim dicant deterruisset. At nec ceteros mentitum, ex solum putent offendit per.
+					</p>
+					<hr class="jagged-rule-dark" />
+					<img src="../assets/images/capsule-tower.jpg" class="responsive" alt="Capsule Tower" />
+					<p>Lorem ipsum no facer prompta vim, movet ubique qui ei. No verterem reprimique vix, phaedrum hendrerit an quo. Qui feugait apeirian ut, ne virtute numquam mandamus mea. Eos et enim dicant deterruisset. At nec ceteros mentitum, ex solum putent offendit per.
+					</p>
+					<hr class="jagged-rule-dark" />
+					<p>Lorem ipsum no facer prompta vim, movet ubique qui ei. Per no regione aliquid. Vim cu tale ludus possit, discere suavitate nam ad. No verterem reprimique vix, phaedrum hendrerit an quo. Qui feugait apeirian ut, ne virtute numquam mandamus mea. Eos et enim dicant deterruisset. At nec ceteros mentitum, ex solum putent offendit per.
+					</p>
+				</div>
+			</div>
+		</div>
+		<footer class="charcoal vanilla-text center padding">
+			<p class="arial-text">&copy; 2017 <em>Brutalist Framework</em>. All rights reserved.</p>
+		</footer>
+	</div>
+</div>
+
+<!--  Scripts-->
+<script src="../js/jquery.js"></script>
+<script src="../js/brutalist.js"></script>
+<script src="../js/start.brutalizing.js"></script>
+
+<!-- TRACKING -->
+<script>
+  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+  ga('create', 'UA-93046252-1', 'auto');
+  ga('send', 'pageview');
+</script>
+
+</body>
+</html>
diff --git a/templates/index.html b/templates/index.html
index 1976a1e..137614a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -99,6 +99,17 @@ <h4><strong>Gallery Basic</strong></h4>
 							</div>
 						</div>
 					</div>
+					<div class="row">
+						<div class="col s12 m6">
+							<div class="vanilla-bean padding border-solid-thick charcoal-border">
+								<h4><strong>Email Boilerplate 01</strong></h4>
+								<p class="grey-text">Basic email boilerplate template.<br />
+								<strong>FREE</strong> - included with core!<br /><br /></p>
+								<a href="email-boilerplate-01.html" target="_blank" class="button lime blue-text flow-text invert-hover"><strong>Preview</strong></a>
+							</div>
+						</div>
+						<div class="col s12 m6"></div>
+					</div>
 					<p class="padding"></p>
 				</section>
 			</div>
@@ -142,12 +153,12 @@ <h4><strong>Gallery Basic</strong></h4>
 </footer>
 
 <!-- Sticky Download Box -->
-	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.3.zip" target="_blank">
+	<a href="http://www.brutalistframework.com/versions/Brutalist_Framework_1.4.zip" target="_blank">
 	<div class="sticky-bottom-right stack-top solitary">
 		<div class="skew lemon-lime-gradient btn invert-hover">
 		<p class="flow-text black-text skew-right"><strong>Download</strong></p>
 		</div>
-		<p class="lime-text center">Version 1.3</p>
+		<p class="lime-text center">Version 1.4</p>
 	</div></a>
 <!-- End Sticky -->