Center logo & sitename when they stack on tiny screens

No really that's what that does.

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

@@ -1,2 +1,15 @@
 @charset "UTF-8";
 // Extend or override Bulma's layouts ../../node_modules/bulma/sass/layout
+
+
+@include until($mini) {
+  .sitename.column,
+  .logo.column {
+    width: 100%;
+  }
+}
+
+.search-bar > .block,
+.logo > .image {
+  display: inline-block;
+}

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

@@ -10,6 +10,8 @@ $green-gray: #8FB489;
 // Update Bulma's global variables.
 $primary: $green;
 
+$mini: 363px;
+
 // Import each part of Bulma separately so we can layer in our styles.
 // Extend or override Bulam's base styles in this themes base.scss etc.
 @import "../../node_modules/bulma/sass/utilities/_all";