diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 104612d..71ba05f 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -29,7 +29,7 @@ https://creativecommons.org/publicdomain/
 	--background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
 	--text-primary: #4d4d4d; /* HPR Grey */
 	--banner-text-primary: #000000;
-	--background-secondary: #4d4d4d;
+	--banner-background-color: #40a5b9; 
 	--text-secondary: #dfdfdf;
 	--link-primary: #004852 /*#154a60*/;
 	--link-primary-hover: #b54c08/*#f8961e*/;
@@ -120,6 +120,7 @@ body > header {
 	flex-flow: wrap;
 	justify-content: space-between;
 	padding: clamp(0.5rem, -0.25rem + 3vw, 1rem) 0.25rem;
+	background-color: var(--banner-background-color);
 	background-image: url("/images/hpr-splatter-logo.svg"), url("/images/main-header-background.png");
 	background-size: 59%, cover;
 	background-repeat: no-repeat, no-repeat;