diff --git a/_layouts/track.html b/_layouts/track.html
index e538f73..9263a94 100644
--- a/_layouts/track.html
+++ b/_layouts/track.html
@@ -6,7 +6,7 @@ layout: default
 <!-- Banner -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-center image-position-center" style="background-image:url('https://media.basspistol.com/basspistol.com/{{ page.slug }}.jpeg');background-size: cover; background-repeat: no-repeat;">
-  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
+  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;minheight:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
   <div class="content" style="z-index:1">
     <h1 style="margin-top:80px">{{ page.common.title }}</h1>
     <p><strong>{% for style in page.common.genre %}{{ style }}{% endfor %}</strong> by <strong>{{ page.common.artist }}</strong>
diff --git a/index.html b/index.html
index ec8d8cc..f737067 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@ logo_image: /siteicon.png
   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;min-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);">
+    style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);">
   </div>
   <div class="content" style="z-index:1">
     <h1 style="margin-top:80px">{{ page.title }}</h1>
@@ -42,7 +42,7 @@ logo_image: /siteicon.png
 <!-- Radio -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-left image-position-center">
-  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
+  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;"></div>
   
   <div id="mainwrap" class="content" style="z-index:1">
     <h1 style="margin-top:80px">Radio</h1>
diff --git a/radio.html b/radio.html
index 2df11bd..699f25e 100644
--- a/radio.html
+++ b/radio.html
@@ -23,7 +23,7 @@ layout: default
 <!-- Banner -->
 <section
   class="banner onload-image-fade-in onload-content-fade-right style3 fullscreen content-align-left image-position-center" style="background-image:url('{{ page.image }}');background-size: cover; background-repeat: no-repeat;">
-  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.85);"></div>
+  <div style="z-index:0;position:absolute; top:0; left:0; width:100%;min-height:100%;background-color: rgba(13, 13 ,13, 0.5);"></div>
   
   <div id="mainwrap" class="content" style="z-index:1">
     <h1 style="margin-top:80px">{{ page.title }}</h1>