diff --git a/static/css/base.css b/static/css/base.css
index 57c1956..12ca89d 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -438,6 +438,14 @@ section.rowsect>div {
         justify-content: center;
     }
 
+    header div {
+        text-align: center;
+    }
+
+    header h2 {
+        display: none;
+    }
+
     section.rowsect {
         width: 100%;
         display: flex;
diff --git a/static/css/toaster.css b/static/css/toaster.css
index c2a9a06..f3fe28a 100644
--- a/static/css/toaster.css
+++ b/static/css/toaster.css
@@ -51,4 +51,18 @@ ul#toaster-specs li {
 
 .fill-height {
     height: 100%;
+}
+
+@media screen and (max-width: 740px) {
+    .flex-row {
+        flex-direction: column;
+    }
+    
+    .flex-col {
+        flex-direction: row;
+    }
+
+    #toaster-img {
+        width: 100%;
+    }
 }
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index fc40873..c762968 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -76,6 +76,8 @@
         </header>
         <nav id="alt-nav">
             <ul>
+                <li><a href="/">Home</a></li>
+                <li><a href="/toaster">Toaster</a></li>
                 <li><a href="https://git.alfieking.dev/acetheking987">Gitea</a></li>
                 <li><a href="https://www.last.fm/user/acetheking987">LastFm</a></li>
                 <li><a href="https://prismic.alfieking.dev">Prismic</a></li>