diff --git a/web/themes/custom/geofresco/images/green-stripe.png b/web/themes/custom/geofresco/images/green-stripe.png
new file mode 100644
index 0000000..5a8c633
Binary files /dev/null and b/web/themes/custom/geofresco/images/green-stripe.png differ
diff --git a/web/themes/custom/geofresco/src/global/_components.scss b/web/themes/custom/geofresco/src/global/_components.scss
index ddb6348..c0b488e 100644
--- a/web/themes/custom/geofresco/src/global/_components.scss
+++ b/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;
diff --git a/web/themes/custom/geofresco/src/global/_elements.scss b/web/themes/custom/geofresco/src/global/_elements.scss
index d758248..f57f436 100644
--- a/web/themes/custom/geofresco/src/global/_elements.scss
+++ b/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 {