diff --git a/_layouts/album.html b/_layouts/album.html
index f279a3d..cf69b40 100644
--- a/_layouts/album.html
+++ b/_layouts/album.html
@@ -29,7 +29,7 @@ lang: en
 <!-- Banner -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
-  style="height:100vh;background-color: rgba(13,13,13,0.85);">
+  style="height:100vh;">
   <div class="content editable">
     <h1 class="editable">{{ page.title }}</h1>
     <p>{{ page.description }}</p>
diff --git a/_layouts/post.html b/_layouts/post.html
index 5fca52b..27d0578 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -29,7 +29,7 @@
 <!-- Banner -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center"
-  style="height:100vh;background-color: rgba(13,13,13,0.85);">
+  style="height:100vh;">
   <div class="content editable">
     <h1 class="editable">{{ page.title }}</h1>
     <p>{{ page.description }}</p>
@@ -319,7 +319,7 @@
   <div id="wrapper" class="divided">
 
 <!-- Banner -->
-<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);">
+<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;">
 
   <div class="content">
     <h1>{{ page.title }}</h1>
diff --git a/_sass/components/_banner.scss b/_sass/components/_banner.scss
index d89d84a..e6251f5 100644
--- a/_sass/components/_banner.scss
+++ b/_sass/components/_banner.scss
@@ -390,7 +390,7 @@
 		@include vendor('align-items', 'center');
 		@include vendor('display', 'flex');
 		@include vendor('justify-content', 'center');
-		background-color: inherit;
+		background-color: _palette(border-darken);
 		position: relative;
 		text-align: center;
 		overflow-x: hidden;
diff --git a/_sass/libs/_vars.scss b/_sass/libs/_vars.scss
index b40de64..ad0e908 100644
--- a/_sass/libs/_vars.scss
+++ b/_sass/libs/_vars.scss
@@ -60,13 +60,13 @@
 		bg:					rgb(49, 61, 38),
     bg-alt:				rgb(168, 255, 238),
     bg-transparent: rgba(135, 153, 118, 0.5),
-		fg:					rgb(135, 153, 118),
-		fg-bold:			rgb(248, 253, 246),
+		fg:					rgb(254, 236, 237),
+		fg-bold:			rgb(254, 236, 237),
 		fg-light:			rgba(135, 153, 118, 0.75),
 		border:				rgba(44, 55, 104, 0.2),
 		border-alt:			rgba(44, 55, 104, 0.075),
     border-bg:			rgba(44, 55, 104, 0.05),
-    border-darken:  rgba(44, 55, 104, 0.85),
+    border-darken:  rgba(29, 36, 22, 0.85),
     border-dark:    rgba(44, 55, 104, 0.85),
     accent:				rgba(244, 91, 105, 1),
     accent-dark: rgb(31, 39, 24),
diff --git a/discography.html b/discography.html
index af04a23..f617fc4 100644
--- a/discography.html
+++ b/discography.html
@@ -8,7 +8,7 @@ image: /assets/vid/discogs.jpg
 ---
 
 <!-- Banner -->
-<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;background-color: rgba(13,13,13,0.85);">
+<section class="banner onload-image-fade-in onload-content-fade-right style2 fullscreen content-align-center image-position-center" style="height:100vh;">
   <div class="content editable">
     <h1 class="editable">{{ page.title }}</h1>
     <p>{{ page.description }}</p>
diff --git a/index.html b/index.html
index b348f73..464a437 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@ logo_image: /siteicon.png
 <!-- Banner -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style5 fullscreen content-align-center image-position-center;"
-  style="background-image:url('{{ page.image }}');background-size:cover;background-repeat:no-repeat;background-position: center;">
+  style="background-image:url('{{ page.image }}');background-size:cover;background-repeat:no-repeat;background-position: center;height: 100vh;">
   <div
     style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.75);">
   </div>