diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3a222f1
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+
+css/variables.css
diff --git a/css/ece.css b/css/ece.css
index 4f10f54..4ed592c 100644
--- a/css/ece.css
+++ b/css/ece.css
@@ -9134,18 +9134,17 @@ ol.uc-cal-list {
   margin-bottom: 1em;
 }
 
-.metaslider .caption-wrap {
+#page-blank .metaslider .caption-wrap, #page-page .metaslider .caption-wrap {
   opacity: 1 !important;
   background-color: rgba(65, 178, 60, 0.8) !important;
 }
-.metaslider .caption-wrap .caption {
+#page-blank .metaslider .caption-wrap .caption, #page-page .metaslider .caption-wrap .caption {
   padding: 7px 12px;
   font-size: 12px;
   text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
   line-height: 1.3em;
 }
-
-.ie8 .metaslider .caption-wrap {
+#page-blank .ie8 .metaslider .caption-wrap, #page-page .ie8 .metaslider .caption-wrap {
   background-color: #41b23c;
 }
 
@@ -9159,7 +9158,7 @@ body.home .panel-grid:nth-child(2) .panel-grid-cell:nth-child(1) p {
 body.home .metaslider .caption-wrap {
   top: 0;
   width: 45%;
-  background-color: rgba(65, 178, 60, 0.7);
+  background-color: rgba(242, 234, 14, 0.8);
   opacity: 1;
 }
 @media (max-width: 991px) {
@@ -9185,8 +9184,8 @@ body.home .metaslider .caption-wrap h1 {
   font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif;
   font-size: 45px;
   letter-spacing: 0.5px;
-  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
-  color: white;
+  color: #333;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
   line-height: 1em;
 }
 @media (max-width: 991px) {
@@ -9197,6 +9196,8 @@ body.home .metaslider .caption-wrap h1 {
 body.home .metaslider .caption-wrap p {
   line-height: 1.5em;
   font-size: 15px;
+  color: #333;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
 }
 body.home .metaslider .caption-wrap a.btn {
   margin-top: 20px !important;
@@ -9382,21 +9383,45 @@ body.home .hentry {
 }
 
 /* ----------------------------- Metaslider Colors ----------------------------- */
+.slider-green .caption-wrap {
+  background-color: rgba(65, 178, 60, 0.7) !important;
+}
+.slider-green .caption-wrap h1, .slider-green .caption-wrap p {
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
+  color: white !important;
+}
+
 .slider-red .caption-wrap {
   background-color: rgba(197, 17, 46, 0.8) !important;
 }
+.slider-red .caption-wrap h1, .slider-red .caption-wrap p {
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
+  color: white !important;
+}
 
 .slider-purple .caption-wrap {
   background-color: rgba(128, 0, 128, 0.8) !important;
 }
+.slider-purple .caption-wrap h1, .slider-purple .caption-wrap p {
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
+  color: white !important;
+}
 
 .slider-teal .caption-wrap {
   background-color: rgba(0, 168, 177, 0.8) !important;
 }
+.slider-teal .caption-wrap h1, .slider-teal .caption-wrap p {
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
+  color: white !important;
+}
 
 .slider-orange .caption-wrap {
   background-color: rgba(247, 138, 17, 0.8) !important;
 }
+.slider-orange .caption-wrap h1, .slider-orange .caption-wrap p {
+  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6) !important;
+  color: white !important;
+}
 
 .slider-right .caption-wrap {
   right: 0;
diff --git a/sass/ece.scss b/sass/ece.scss
index 90e5636..b782bfb 100644
--- a/sass/ece.scss
+++ b/sass/ece.scss
@@ -382,22 +382,24 @@ ol.uc-cal-list {
 
 
 
-.metaslider .caption-wrap {
-	opacity:1 !important;
-	background-color:rgba(65, 178, 60,0.8) !important;
+#page-blank, #page-page {
+	.metaslider .caption-wrap {
+		opacity:1 !important;
+		background-color:rgba(65, 178, 60,0.8) !important;
+		
+		.caption {
+			padding:7px 12px;
+			font-size:12px;
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
+			line-height:1.3em;
+		}
+	}
 	
-	.caption {
-		padding:7px 12px;
-		font-size:12px;
-		text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
-		line-height:1.3em;
+	.ie8 .metaslider .caption-wrap {
+		background-color:$green;
 	}
 }
 
-.ie8 .metaslider .caption-wrap {
-	background-color:$green;
-}
-
 
 /* ---------------------------- Home Page Specific Styles ------------------------------- */
 
@@ -415,7 +417,7 @@ body.home {
 	.metaslider .caption-wrap {
 		top:0;
 		width:45%;
-		background-color:rgba(65, 178, 60,0.7);
+		background-color:rgba(242,234,14,0.8);
 		opacity:1;
 		
 		@media (max-width:991px) {
@@ -440,8 +442,8 @@ body.home {
 			font-family: 'bebas_neue_regularregular', helvetica, arial, sans-serif;
 			font-size:45px;
 			letter-spacing:0.5px;
-			text-shadow: 0px 1px 0px rgba(0,0,0,0.6);
-			color:white; 
+			color:#333;
+			text-shadow:0 1px 0 rgba(255,255,255,0.7);		
 			line-height: 1em;
 				
 				@media (max-width:991px) {
@@ -452,6 +454,8 @@ body.home {
 		p {
 			line-height: 1.5em;
 			font-size:15px;
+			color:#333;
+			text-shadow:0 1px 0 rgba(255,255,255,0.7);
 		}
 		
 		a.btn {
@@ -677,27 +681,58 @@ body.home {
 
 /* ----------------------------- Metaslider Colors ----------------------------- */
 
+.slider-green {
+	.caption-wrap {
+		background-color:rgba(65, 178, 60,0.7)!important;
+		
+		h1, p {
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;; 
+			color:white !important;; 
+		}
+	}
+}
+
 .slider-red {
 	.caption-wrap {
 		background-color:rgba(197, 17, 46, 0.8) !important;
+		
+		h1, p {
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;; 
+			color:white !important;; 
+		}
 	}
 }
 
 .slider-purple {
 	.caption-wrap {
 		background-color:rgba(128, 0, 128, 0.8) !important;
+		
+		h1, p {
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important; 
+			color:white !important;  
+		}
 	}
 }
 
 .slider-teal {
 	.caption-wrap {
 		background-color:rgba(0, 168, 177, 0.8) !important;
+		
+		h1, p {
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;; 
+			color:white !important;; 
+		}
 	}
 }
 
 .slider-orange {
 	.caption-wrap {
 		background-color:rgba(247, 138, 17, 0.8) !important;
+		
+		h1, p {
+			text-shadow: 0px 1px 0px rgba(0,0,0,0.6) !important;; 
+			color:white !important;; 
+		}
 	}
 }