logo :honeybee:

header.php

@@ -34,8 +34,8 @@
       </button>
       <div class="navbar-brand mx-auto">
       <a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>">
-        <span class="logo-firstline">Hospice &amp; Palliative</span>
-        <span class="logo-img"><img src="<?php echo get_template_directory_uri(); ?>/img/dove-white.png"/></span>
+        <span class="logo-firstline">Hospice <span class="logo-ampersand">&amp;</span> Palliative</span>
+        <span class="logo-img"><img src="<?php echo get_template_directory_uri(); ?>/img/dove.svg"/></span>
         <span class="logo-secondline">Care</span>
         <span class="logo-byline">of the Peidmont</span>
       </a>

style.css

@@ -24,6 +24,11 @@ https://github.com/Automattic/_s
 --------------------------------------------------------------*/
 @import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');
 
+@font-face {
+font-family: "Avenir";
+src: url("fonts/AvenirLTStd-Book.otf") format("opentype");
+}
+
 h1, h2, h3, h4, h5, h6 {
   clear: both;
   color: #24292e;
@@ -142,7 +147,7 @@ table {
     opacity: 0;
 }
 .navbar-brand > a {
-  font-family: 'Lato', sans-serif;
+  font-family: 'Avenir', sans-serif;
   color: rgba(0, 0, 0, 0.9);
   font-size: 23px;
   outline: medium none;
@@ -161,6 +166,10 @@ table {
   font-variant:small-caps;
   font-weight: 300;
 }
+.logo-ampersand {
+  text-transform:lowercase;
+  font-size:19px;
+}
 .logo-img img {
   margin:-12px 0 0 -3px;
 }
@@ -173,9 +182,9 @@ table {
   display:block;
   font-weight: 300;
   margin:-5px 0 0;
-  padding-left:163px;
-  letter-spacing: .08rem;
-  font-size:14px;
+  padding-left:155px;
+  letter-spacing:.06rem;
+  font-size:15px;
 }
 @media (min-width: 768px) and (max-width: 992px) {
   .navbar-brand > a {
@@ -191,7 +200,7 @@ table {
   .logo-byline {
     display:block;
     margin:-5px 0 0;
-    padding-left:122px;
+    padding-left:123px;
     font-size:12px;
   }
 }
@@ -209,7 +218,7 @@ table {
   .logo-byline {
     display:block;
     margin:-8px 0 0;
-    padding-left:95px;
+    padding-left:100px;
     font-size:10px;
   }
 }