renaming of old bdh terms

css/components/islandora_mods.css

@@ -0,0 +1,9 @@
+a.site-branding__logo img {
+  width: 287px;
+}
+.logo-wrapper {
+  background: #33333399;
+}
+.logo--oliveskspaces h1 {
+  border: none;
+}

css/components/landing_page.css

@@ -1,3 +1,10 @@
+figure.logo--oliveskspaces {
+  background: none;
+  width: 24em;
+  margin: 0 auto;
+  height: 300px;
+  display: flex;
+}
 figure.logo--iliveskspaces {
   background: none;
   width: 24em;
@@ -6,6 +13,44 @@ figure.logo--iliveskspaces {
   display: flex;
 }
 
+.logo--oliveskspaces {
+  --h1-size: 4em;
+  --h2-size: 2.2em;
+
+  background: none;
+  margin: 0 auto;
+  height: 280px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+}
+
+.logo--oliveskspaces h1,
+.logo--oliveskspaces h2 {
+  margin: 0;
+  text-shadow: 2px 2px black;
+  color: #fff;
+}
+
+.logo--oliveskspaces h1 {
+  font-size: var(--h1-size);
+  border-bottom: 4px double;
+}
+
+.logo--oliveskspaces h2 {
+  font-size: var(--h2-size);
+}
+
+@media (max-width: 800px) {
+  .logo--oliveskspaces h1 {
+    font-size: clamp(2.5em, 9.5vw, 4em);
+  }
+
+  .logo--oliveskspaces h2 {
+    font-size: clamp(1.8em, 5.2vw, 2.2em);
+  }
+}
 .page-node-type-landing-page #block-views-block-media-display-blocks-source {
   display: none;
 }

templates/includes/lp-banner.html.twig

@@ -1,7 +1,7 @@
 <div class="hero--wrapper">
     <div class="hero-section" style="background:url(/themes/custom/oliveskspaces/images/KSBanner-Cropped.jpg) 50% top no-repeat;">
         <div class="logo-wrapper">
-            <figure class="logo--ilivesbdh">
+            <figure class="logo--oliveskspaces">
 		<h1>KindredSpaces</h1>
 		<h2>L.M. Montgomery Institute, UPEI</h2>
             </figure>