diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 18259c4..bdbfcc9 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -135,22 +135,53 @@ article#previous_five_weeks > h3 {
   -webkit-box-shadow: 2px 3px 6px 3px #675958;
   box-shadow:         2px 3px 6px 3px #675958;
 }
+
+img#hprlogo {
+	max-width: 20vw;
+	padding-right: clamp(0.75rem, -0.25rem + 3vw , 1.5rem);
+	float: left;
+	margin-top: 1rem;
+	margin-bottom: clamp(0.75rem, -0.25rem + 2vw , 1.5rem);
 }
 
 #hpr_banner { 
-  display: block; 
-  position: relative;
+  /* display: inline-block; */ 
   border: 0; 
-  margin: 0.75em;
-  float: left;
+  margin: 0 0 0rem 0;
+  padding: 0;
 }
 
-#hpr_banner h1 {margin: -.25em 0em -.5em 0em;}
-#hpr_banner h2 {font-size: 100%; font-weight: lighter; }
-#hpr_banner h3 {font-size: 90%; font-weight: lighter; }
+#hpr_banner p {
+	margin: 0 0 0.5rem 0;
+}
+
+#hpr_banner h1#sitename {
+	font-size: clamp(1.44rem, -1rem + 3vw , 2rem);
+	letter-spacing: 0.06rem;
+	margin: 0;
+	padding: 0;
+}
+
+#hpr_banner h2 {
+	font-size: clamp(0.74rem, -1rem + 2vw , 1rem);
+	font-weight: 510;
+	margin: 0 0 1rem 0;
+	padding: 0;
+}
+
+#hpr_banner h3 { 
+	font-size: 1rem;
+	font-weight: normal;
+	margin: 0 0 0.5rem 0;
+	padding: 0;
+}
+
+header > hr {
+	clear: both;
+}
 
 #accessible_menu {
-  font-size: small;
+	font-size: smaller;
 }
 
 /* The main navigation menu */