diff --git a/assets/css/podcast.css b/assets/css/podcast.css
index 23e2a99..67fb39d 100644
--- a/assets/css/podcast.css
+++ b/assets/css/podcast.css
@@ -6,3 +6,23 @@
   filter: invert(1);
 }
 
+@media screen and (max-width: 800px) {
+  .masthead {
+    padding-top: 0 !important;
+  }
+}
+
+/* For screen under 450 px set the nav icon width 100% */
+
+@media screen and (max-width: 450px) {
+  img.navicon {
+    width: 100%;
+  }
+}
+
+@media screen and (max-width: 450px) {
+  #navbar {
+    padding-left: 0 !important;
+  }
+}
+
diff --git a/assets/img/podcast/Alliance_Logo.png b/assets/img/podcast/Alliance_Logo.png
new file mode 100644
index 0000000..053d6f9
Binary files /dev/null and b/assets/img/podcast/Alliance_Logo.png differ
diff --git a/assets/js/hacker-podcast.js b/assets/js/hacker-podcast.js
new file mode 100644
index 0000000..8c5ce2c
--- /dev/null
+++ b/assets/js/hacker-podcast.js
@@ -0,0 +1,31 @@
+const letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ/.?!@#$%^&*()_+";
+
+let interval = null;
+let interval2 = null;
+let interval3 = null;
+
+
+document.querySelector(".copyright").onmouseover = event => {  
+    let iteration2 = 0;
+    let old2 = "Copyright © Nathan Woodburn 2023";
+    clearInterval(interval2);
+    
+    interval2 = setInterval(() => {
+      event.target.innerText = event.target.innerText
+        .split("")
+        .map((letter, index2) => {
+          if(index2 < iteration2) {
+            return old2[index2];
+          }
+        
+          return letters[Math.floor(Math.random() * 41)]
+        })
+        .join("");
+      
+      if(iteration2 >= old2.length){ 
+        clearInterval(interval2);
+      }
+      
+      iteration2 += 1/3;
+    }, 10);
+  }
\ No newline at end of file
diff --git a/podcast.html b/podcast.html
index 5da714e..168f6d7 100644
--- a/podcast.html
+++ b/podcast.html
@@ -11,7 +11,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 })(window,document,'script','dataLayer','GTM-NNXTCKW');</script>
 <!-- End Google Tag Manager -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
-    <title>Podcast | Nathan.Woodburn/</title>
+    <title>Podcast | Alliance Church Woden Valley</title>
     <meta name="theme-color" content="#97009a">
     <meta property="og:type" content="website">
     <meta property="og:title" content="Alliance Church Woden Valley Podcast">
@@ -33,7 +33,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&amp;display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&amp;display=swap">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
-    <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
     <link rel="stylesheet" href="assets/css/podcast.css">
     <link rel="stylesheet" href="assets/css/profile.css">
     <link rel="stylesheet" href="assets/css/Social-Icons.css">
@@ -41,17 +40,9 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 </head>
 
 <body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
-    <nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav">
-        <div class="container"><a class="navbar-brand nathanwoodburn" href="https://nathan.woodburn.au">Nathan.Woodburn/</a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
-            <div class="collapse navbar-collapse" id="navbarResponsive">
-                <ul class="navbar-nav ms-auto">
-                    <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
-                </ul>
-            </div>
-        </div>
-    </nav>
-    <header class="masthead" style="background: url(&quot;assets/img/intro-bg.jpg&quot;) bottom / cover no-repeat;padding-top: 5em;">
-        <div class="intro-body">
+    <header class="masthead" style="background: url(&quot;assets/img/intro-bg.jpg&quot;) bottom / cover no-repeat;">
+        <div id="navbar" style="text-align: left;padding-left: 10%;padding-top: 20px;"><a class="navbar-brand" href="https://alliancechurch.com.au/"><img class="navicon" src="assets/img/podcast/Alliance_Logo.png" alt="Alliance Church Woden Valley"></a></div>
+        <div class="intro-body" style="display: inline-block;width: 85%;margin-top: 5em;">
             <div class="container">
                 <div class="row">
                     <div class="col-lg-8 mx-auto">
@@ -70,7 +61,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                 </div>
                 <div class="row">
                     <div class="col">
-                        <div class="ratio ratio-16x9 d-print-none d-xl-none" style="height: 500px;max-width: 500px;margin: auto;"><iframe src="https://podadmin.woodburn.au/player" id="small-frame" scrolling="no"></iframe></div>
+                        <div class="ratio ratio-16x9 d-print-none d-xl-none" style="height: 480px;max-width: 500px;margin: auto;"><iframe src="https://podadmin.woodburn.au/player" id="small-frame" scrolling="no"></iframe></div>
                         <div class="ratio ratio-16x9 d-none d-xl-block d-xxl-block" style="height: 800px;"><iframe src="https://podadmin.woodburn.au/player"></iframe></div>
                     </div>
                 </div>
@@ -98,7 +89,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
     <script src="assets/js/bs-init.js"></script>
     <script src="assets/js/grayscale.js"></script>
-    <script src="assets/js/hacker.js"></script>
+    <script src="assets/js/hacker-podcast.js"></script>
 </body>
 
 </html>
\ No newline at end of file
