diff --git a/_includes/header.html b/_includes/header.html
index 9716c08..7e7eb6e 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -4,36 +4,36 @@
   <div class="imagecontainer">
     <h4>{{ page.title }}</h4>
   </div>
+  <section class="splash">
 
+    <div class="container">
+    
+      <div class="splash-logo">
+        <img src="{{ site.logo }}" width="240px" alt="{{ site.title }} Logo" />
+      </div>
+    
+      <div class="description" {% unless page.url == '/' %}style="padding: 0;"{% endunless %}>
+       
+        <h1>{{ page.title }}</h1>
+        {% if page.category == 'releases' %}
+        
+        {% for album in site.albums %}
+        {% if album.slug == page.album %}
+        <h4>by <strong>{{ album.artists }}</strong></h4>
+        {% endif %}
+        {% endfor %}
+      
+        {% endif %}
+    
+        <p>{{ page.description }}</p>
+    
+      </div>
+    </div>
+    
+    </section>
 
 </header>  
-<section class="splash">
-
-<div class="container">
-
-  <div class="splash-logo" {% unless page.url == '/' %}style="display: none;"{% endunless %}>
-    <img src="{{ site.logo }}" width="240px" alt="{{ site.title }} Logo" />
-  </div>
-
-  <div {% unless page.url == '/' %}style="padding: 0;"{% endunless %}>
-   
-    <h1>{{ page.title }}</h1>
-    {% if page.category == 'releases' %}
-    
-    {% for album in site.albums %}
-    {% if album.slug == page.album %}
-    <h4>by <strong>{{ album.artists }}</strong></h4>
-    {% endif %}
-    {% endfor %}
-  
-    {% endif %}
-
-    <p>{{ page.description }}</p>
-
-  </div>
-</div>
-
-</section>
+
 
 
 
diff --git a/_sass/_elements.scss b/_sass/_elements.scss
index d567a6a..a9832be 100644
--- a/_sass/_elements.scss
+++ b/_sass/_elements.scss
@@ -303,12 +303,13 @@ a:hover {
   }
 
 }
-.front-section:first-of-type {
+.front-section:nth-of-type(2) {
   margin-top: 40px;
 
 }
 
 .splash {
+  background-color: transparent;
   .container {
   display: flex;
   flex-wrap: wrap;
@@ -316,6 +317,12 @@ a:hover {
   align-items: flex-start;
   max-width: var(--max-width);
   margin: auto;
+    .description {
+      
+      border-radius: var(--border-radius);
+      background: var(--bg-alt);
+      background: linear-gradient(90deg, transparent 0%, var(--bg) 91%);
+    }
   h1, h2 {
     font-size: 2em;
   }
diff --git a/index.html b/index.html
index ec5b4c1..57c75ef 100644
--- a/index.html
+++ b/index.html
@@ -12,21 +12,21 @@ video_path: /videos/pingu.mp4
   <div class="imagecontainer">
     <h4>{{ page.title }}</h4>
   </div>
-
+  <section class="splash">
+    <div class="container">
+      <div class="splash-logo">
+        <img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" />
+      </div>
+      <div class="description">
+    
+        <h1>{{ site.title }}</h1>
+        <p>{{ page.description }}</p>
+      </div>
+    </div>
+    </section>
 
 </header>
-<section class="splash">
-<div class="container">
-  <div class="splash-logo">
-    <img src="{{ site.icon }}" width="240px" alt="{{ site.title }} Logo" />
-  </div>
-  <div>
 
-    <h1>{{ site.title }}</h1>
-    <p>{{ page.description }}</p>
-  </div>
-</div>
-</section>
 {% for post in site.posts limit: 3 %}
 {% if post.category == 'ramblings' %}
 <section class="front-section">