header

header.php

@@ -36,7 +36,7 @@
       <a class="site-title" href="<?php echo esc_url( home_url( '/' )); ?>">
         <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-firstline">Care</span>
         <span class="logo-byline">of the Piedmont</span>
       </a>
       </div>

style.css

@@ -155,8 +155,8 @@ table {
   color: #d7d7d7;
 
 }
-.navbar-brand img {
-  width:40px;
+.navbar-brand{
+  margin: 20px 0 10px;
 }
 .navbar-brand > a:hover {
   text-decoration: none;
@@ -164,25 +164,22 @@ table {
 }
 .logo-firstline {
   font-variant:small-caps;
-  font-weight: 300;
+  display: inline-block;
+  transform: scaleY(1.3);
 }
 .logo-ampersand {
   text-transform:lowercase;
   font-size:19px;
 }
 .logo-img img {
-  margin:-12px 0 0 -3px;
-}
-.logo-secondline {
-  font-variant:small-caps;
-  font-weight: 300;
-  margin: 0 0 0 -5px;
+  margin:-28px -20px 0px -10px;
+  width: 55px;
 }
 .logo-byline {
   display:block;
   font-weight: 300;
   margin:-5px 0 0;
-  padding-left:155px;
+  padding-left:150px;
   letter-spacing:.06rem;
   font-size:15px;
 }
@@ -190,8 +187,13 @@ table {
   .navbar-brand > a {
     font-size: 19px;
   }
+  .logo-ampersand {
+    text-transform:lowercase;
+    font-size:15px;
+  }
   .navbar-brand img {
-    width: 30px;
+    width: 35px;
+    margin:-28px -13px 0px -10px;
   }
   .navbar-toggler {
     padding:4px;
@@ -200,16 +202,24 @@ table {
   .logo-byline {
     display:block;
     margin:-5px 0 0;
-    padding-left:123px;
+    padding-left:110px;
     font-size:12px;
   }
 }
 @media (max-width: 767px) {
+  .navbar-brand{
+    padding-right:30px;
+  }
   .navbar-brand > a {
     font-size: 15px;
   }
+  .logo-ampersand {
+    text-transform:lowercase;
+    font-size:13px;
+  }
   .navbar-brand img {
     width: 25px;
+    margin:-20px -10px 0px -6px;
   }
   .navbar-toggler {
     padding:4px;
@@ -218,7 +228,7 @@ table {
   .logo-byline {
     display:block;
     margin:-8px 0 0;
-    padding-left:100px;
+    padding-left:90px;
     font-size:10px;
   }
 }