Style the slogan

web/themes/custom/geofresco/src/global/_elements.scss

@@ -50,3 +50,16 @@
   font-size: 22px;
   padding-top: 18px;
 }
+
+.slogan {
+  position: relative;
+  top: -36px;
+  height: 36px;
+  z-index: 30;
+  display: flex;
+  .title {
+    color: $green-gray;
+    font-size: 1.2rem;
+    margin: auto;
+  }
+}

web/themes/custom/geofresco/src/global/global.scss

@@ -5,6 +5,7 @@ $blue: #4391E0;
 $red: #a70c20;
 $light-green: #65AB1F;
 $green: #478D00;
+$green-gray: #8FB489;
 
 // Update Bulma's global variables.
 $primary: $green;

web/themes/custom/geofresco/src/templates/layout/page.html.twig

@@ -37,7 +37,7 @@
 {{ parent() }}
 {% endblock navbar %}
 {% block header %}
-<h6 class="title">{{ site_slogan }}</h6>
+<p class="slogan"><strong class="title">{{ site_slogan }}</strong></p>
 <section class="hero">
   {% block header_and_search %}
   {% if page.header %}