Give up on linear gradient and do a 1px wide background

Also move more elementy stuff from components, and hope the weird
small-screen adjustments are not applicable anymore?

Ref #114 #126

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

@@ -22,42 +22,6 @@
   }
 }
 
-.site-title {
-  display: inline-block;
-  width: 4.6em;
-  word-break: keep-all; // Shouldn't be needed but Chrome needs it.
-  font-size: 37px;
-  line-height: 38px;
-}
-
-.geo-logo-name {
-  display: flex !important;
-  overflow: hidden;
-  width: 100%;
-  .logo, .sitename {
-    display: table-cell;
-  }
-  .logo a {
-    display: block;
-    // width: 199px;
-  }
-  .logo img {
-    height: 7.5rem;
-  }
-  @include from($tablet) {
-    width: fit-content;
-  }
-  @include until($mini) {
-    justify-content: flex-end;
-  }
-}
-
-@include until($desktop) {
-  .search-bar {
-    display: none !important;
-  }
-}
-
 // Mostly to reduce the impact of the ridiculous (mostly on Chrome) ghost mobile horizontal scroll.
 .search-icon {
   padding-right: 1rem;

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

@@ -11,14 +11,37 @@
 
 // Add a gradient across only a portion of the vertical height of the navbar.
 .header {
-  background: linear-gradient(
-    $background,
-    $background 5.4375rem,
-    $light-green 5.4375rem,
-    $green 8.4rem,
-    $background 8.4rem,
-    $background
-  );
+  background-image: url(../../images/green-stripe.png);
+}
+
+.site-title {
+  display: inline-block;
+  width: 4.6em;
+  word-break: keep-all; // Shouldn't be needed but Chrome needs it.
+  font-size: 2.3125rem;
+  line-height: 2.375rem;
+}
+
+.geo-logo-name {
+  display: flex !important;
+  overflow: hidden;
+  width: 100%;
+  .logo, .sitename {
+    display: table-cell;
+  }
+  .logo a {
+    display: block;
+    width: 12.4375rem; // 199px
+  }
+  .logo img {
+    height: 7.5rem;
+  }
+  // @include from($tablet) {
+  //   width: fit-content;
+  // }
+  // @include until($mini) {
+  //   justify-content: flex-end;
+  // }
 }
 
 #navbar-menu .navbar-item {