diff --git a/css/main.css b/css/main.css
index 29ee7b4..007ceb0 100644
--- a/css/main.css
+++ b/css/main.css
@@ -4358,6 +4358,7 @@ input[name="carousel"] { display: none; }
 
 .typing-demo {
     width: 22ch;
+    max-width: 90vw; /* Ensure it doesn't exceed the viewport width */
     animation: typing 2s steps(22), blink .5s step-end infinite alternate;
     white-space: nowrap;
     overflow: hidden;
@@ -4377,3 +4378,9 @@ input[name="carousel"] { display: none; }
       border-color: transparent
     }
   }
+
+  @media (min-width: 600px) {
+    .typing-demo {
+        width: 22ch; /* Keep fixed width for larger screens if desired */
+    }
+}
diff --git a/index.html b/index.html
index 5fcaa25..0b98772 100644
--- a/index.html
+++ b/index.html
@@ -63,7 +63,7 @@ <h1 style="color:#6E07F3" class="title is-spaced is-size-1-desktop is-size-2-tab
                   Hello! I'm Matt Brown.</h1>
               </div>
               
-              <h2 class="subtitle is-size-4-tablet">
+              <h2 class="subtitle is-size-3-mobile is-size-4-tablet">
                 A software consultant and entrepreneur based in Denver.
                 </h2>
               <img class="avatar" src="img/linkedinprofile_oval.png">