diff --git a/hbbs/static/css/styles.css b/hbbs/static/css/styles.css
index f23cb34..e8eaa81 100644
--- a/hbbs/static/css/styles.css
+++ b/hbbs/static/css/styles.css
@@ -26,6 +26,12 @@ body {
   animation-duration: 120s;
 }
 
+@media (max-width: 768px) {
+  #hbbs-logo-invisible {
+    display: none !important;
+  }
+}
+
 ul {
   padding-left: 0;
 }
@@ -34,7 +40,8 @@ ul li {
   list-style: none;
 }
 
-#hbbs-logo {
+#hbbs-logo,
+#hbbs-logo-invisible {
   width: 90%;
 }
 
diff --git a/hbbs/static/images/logo-invishack.png b/hbbs/static/images/logo-invishack.png
new file mode 100644
index 0000000..85595df
Binary files /dev/null and b/hbbs/static/images/logo-invishack.png differ
diff --git a/hbbs/templates/layout.html b/hbbs/templates/layout.html
index 33a1222..efaa3ee 100644
--- a/hbbs/templates/layout.html
+++ b/hbbs/templates/layout.html
@@ -42,6 +42,13 @@
           </ul>
         </div>
         <div id="content" class="col-md-4">
+          <!-- We're sorry... -->
+          <img
+            id="hbbs-logo-invisible"
+            class="img-fluid mx-auto d-block"
+            src="/static/images/logo-invishack.png"
+            alt="hbbs logo invisible"
+          />
           {% block content %}{% endblock %}
         </div>
       </div>