From a7198ed78ad0dc225f42d70ac1f162da9c1e3d12 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Fri, 2 Oct 2020 18:37:04 +0100
Subject: [PATCH] Different banner height for mobile

---
 epicyon-profile.css | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/epicyon-profile.css b/epicyon-profile.css
index 833396102..e6a0bc43d 100644
--- a/epicyon-profile.css
+++ b/epicyon-profile.css
@@ -174,15 +174,6 @@ a:focus {
     border: 2px solid var(--focus-color);
 }
 
-.timeline-banner {
-    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
-    height: 15%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: 100vw;
-    position: relative;
-}
-
 .hero-image {
     background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("image.png");
     height: 50%;
@@ -949,6 +940,14 @@ aside .toggle-inside li {
         font-size: var(--font-size);
         line-height: var(--line-spacing);
     }
+    .timeline-banner {
+	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
+	height: 15%;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 100vw;
+	position: relative;
+    }
     .timeline {
         border: 0;
         width: 100vw;
@@ -1460,6 +1459,14 @@ aside .toggle-inside li {
         font-size: var(--font-size);
         line-height: var(--line-spacing);
     }
+    .timeline-banner {
+	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.5)), url("banner.png");
+	height: 6%;
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: 100vw;
+	position: relative;
+    }
     .timeline {
         border: 0;
         width: 100vw;