Fix tag_line line height for larger devices

Vertically flow content and clean up card header white spacing.

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;
@@ -282,8 +283,9 @@ article > p,
 	flex-wrap: wrap;
 	gap: 1.0rem;
 	justify-content: space-around;
-	justify-items: space-around;
+}
-
+.lane.syndication {
+	flex-direction: column;
 }
 #podcast_lane > .lane,
 #project_lane > .lane,
@@ -326,6 +328,14 @@ article > p,
 .lane > article > header a:hover {
 	color: var(--link-secondary-hover);
 }
+.lane.syndication > article > header * {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+.lane.syndication > article > header p {
+	font-size: var(--default-header-4-font-size);
+	margin-left: 22px;
+}
 a.lane-button {
 	display: flex;
 	flex-direction: column;
@@ -489,7 +499,7 @@ fieldset > input {
 		justify-content: space-between;
 	}
 	#tag_line {
-		line-height: 1.1;
+		line-height: 1;
 	}
 	#title #tag1 {
 		font-size: 7.5rem;

templates/content-syndication.tpl.html

@@ -3,7 +3,7 @@
   <p>
   Great that you want to listen. Have a look below at the feeds that best suite your listening habits.
   </p>
-  <div class="lane">
+  <div class="lane syndication">
   <article>
   <header>
 	<hgroup>
@@ -78,7 +78,7 @@
 <div>
 <hr class="no-css">
 <h1>Other Download Options</h1>
-<div class="lane">
+<div class="lane syndication">
 <article>
   <header>
     <h2>Site Replication Sources</h2>