diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index d1b8ef6..6b31cab 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -103,8 +103,10 @@ body > header {
flex-flow: wrap;
justify-content: space-between;
padding: 0.25rem;
- background-image: url("/images/main-header-background.png");
- background-size: cover;
+ background-image: url("/images/hpr-splatter-logo.svg"), url("/images/main-header-background.png");
+ background-size: 59%, cover;
+ background-repeat: no-repeat, no-repeat;
+ background-position: right -15px top -20px, left top;
color: var(--banner-text-primary);
align-items: center;
}
@@ -295,6 +297,10 @@ a.lane-button img {
text-transform: none;
}
@media (min-width: 900px) {
+ body > header {
+ background-size: 200pt, cover;
+ background-position: left 128pt top -12pt, left top;
+ }
#tag_line {
text-align: center;
}
diff --git a/public_html/images/hpr-splatter-logo.svg b/public_html/images/hpr-splatter-logo.svg
new file mode 100644
index 0000000..cfbb59f
--- /dev/null
+++ b/public_html/images/hpr-splatter-logo.svg
@@ -0,0 +1,88 @@
+
+
+
+