Linebreak on mobile-only so it's not hip-hopping between two lines depending on the length of the word.

src/layouts/index.html

@@ -7,7 +7,7 @@
     <div class="row hero my-auto">
       <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12">
         <div style="margin-top:auto; margin-bottom:auto;">
-          <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for <span class="verb">web3</span></h1>
+          <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> Open&#8208;Source for <span id="cycle-br"><br></span><span class="verb">web3</span></h1>
           <p class="mb-5 fs-sm-5 fs-lg-6 lead">The tools that build the internet have steeped too long. For the past two
             decades, big tech has made trillions off the generosity of visionary developers and web pioneers… never
             thanking, never mentioning, and certainly never paying. At tea, we’re brewing something to change that by

src/static/css/style.css

@@ -225,6 +225,11 @@ For authenticated users:
 
 
   @media only screen and (min-width: 600px) {
+
+    #cycle-br{
+      display:none;
+    }
+
     #tea-steam-1{
       position: absolute;
       z-index: 0;