From 4279e57f10cfe64040ec11578eb0a78449f9b2c6 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 15 Jul 2022 13:53:39 -0400
Subject: [PATCH] Fixed responsive <br>

---
 src/layouts/index.html   | 8 +++++++-
 src/static/css/style.css | 4 ----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/layouts/index.html b/src/layouts/index.html
index 17e7c25..d0c55c5 100644
--- a/src/layouts/index.html
+++ b/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 id="cycle-br"><br></span><span id="cycle"></span></h1>
+          <h1 class="display-1 mb-4"><span class="yellow">Equitable</span> <span id="cycle-br-two"><br></span>Open&#8208;Source for <span id="cycle-br"><br></span><span id="cycle"></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
@@ -69,6 +69,12 @@
     .discord-btn:hover{
       background-color: #388495 !important;
     }
+
+    @media only screen and (min-width: 992px) {
+      #cycle-br{
+        display:none;
+      }
+    }
   </style>
 
   <!-- Mission Statement -->
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 9cb96a3..a2d8368 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -226,10 +226,6 @@ For authenticated users:
 
   @media only screen and (min-width: 600px) {
 
-    #cycle-br{
-      display:none;
-    }
-
     #tea-steam-1{
       position: absolute;
       z-index: 0;