for the crappy phones

html/index.html

@@ -124,7 +124,7 @@
             position: relative;
         }
 
-        #shadertitle {
+        .shadertitle {
             position: absolute;
             display: block;
             padding: 10rem 0;
@@ -136,8 +136,28 @@
             z-index: -1;
         }
 
-        #shadersoundsystem {
+        .hidden_desktop{
+            visibility: visible;
+            display: block;
+        }
+        .hidden_mobile {
+            visibility: hidden;
+            display: none;
+        }
 
+        @media (min-width: 1000px) {
+          .hidden_desktop{
+              visibility: hidden;
+              display: none;
+          }
+          .hidden_mobile {
+              visibility: visible;
+              display: block;
+          }
+        }
+
+
+        #shadersoundsystem {
             left: 0px;
             top: 0px;
             z-index: -50;
@@ -155,7 +175,8 @@
 
 <div class="shaderhero">
     <canvas id="hecksshader"></canvas>
-    <img src="./images/02_Sub_Factory_Facebook_Banner.jpg" id="shadertitle">
+    <img src="./images/02_Sub_Factory_Facebook_Banner.jpg" class="shadertitle hidden_mobile">
+    <img src="./images/01_Sub_Factory_Flyer_A6_Web.jpg" class="shadertitle hidden_desktop">
 </div>
 <!--<img src="./images/soundsystem.svg" id="shadersoundsystem">-->