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 @@ + + + + + + + + + + + + + + + + + + +