public_html/css/hpr.css

@@ -121,28 +121,20 @@ article#previous_five_weeks > h3 {
 }
 
 #container {
-	width: 100%;
-	max-width: 58em;
-	margin: auto;
+	max-width: 58rem;
+	margin: 0.25rem;
+	padding: 0.75rem; /* fallback for browsers that don't support the clamp function) */
+	padding: clamp(0.75rem, -0.25rem + 3vw , 2.0rem);
 	overflow: hidden;
-	padding: .5em;
-	border: thin solid;
 	background: white;
+	border: thin solid #4D4D4D;
 }
 
 .shadow {
   -moz-box-shadow:    2px 3px 6px 3px #675958;
   -webkit-box-shadow: 2px 3px 6px 3px #675958;
-  box-shadow:         2px 3px 6px 3px #675958;}
-
-#hprlogo { 
-  display: block; 
-  position: relative; 
-  top: 0; 
-  left: 0; 
-  border: 0; 
-  margin: 0.75em;
-  float:left;
+  box-shadow:         2px 3px 6px 3px #675958;
+}
 }
 
 #hpr_banner {