diff --git a/includes/footer.php b/includes/footer.php
index dad7519..626afd5 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -1,3 +1,8 @@
 <footer>
     <p>&copy; <?php echo date("Y");?> DTCH Clan. All rights reserved.</p>
+
+        <a href="https://discord.gg/wMXsB3ZmNA" target="_blank" rel="noopener noreferrer" title="Join us on our Discord">
+            <img src="./media/discordlogo.png" alt="Discord Logo" class="discord-logo">
+        </a>
+    
 </footer>
diff --git a/includes/navigation.php b/includes/navigation.php
index fa0ef1f..436cbd4 100644
--- a/includes/navigation.php
+++ b/includes/navigation.php
@@ -2,7 +2,7 @@
 $host = $_SERVER['HTTP_HOST'];
 
 if ($host == 'dev.dtch.online') {
-    echo "You are on the development! Site";
+    echo "<center>You are on the development! Site</center>";
 }
 ?>
 <div class="topnav">
@@ -29,4 +29,4 @@ function myFunction() {
     x.style.display = "block";
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/includes/styles.css b/includes/styles.css
index 85055a8..a4b3ca0 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -164,9 +164,10 @@ tr:hover {
 }
 
 .discord-logo {
-    width: 50px;
+    width: 150px;
     height: auto;
-    margin-top: 10px;
+    margin-top: 20px;
+    margin-bottom: 20px;
     cursor: pointer;
     transition: opacity 0.3s, transform 0.3s;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
@@ -198,7 +199,7 @@ body {
 /* Override other elements as needed for the hacker theme */
 nav {
     background: #121212; /* Dark background for navigation */
-   /*  border-bottom: 1px solid #33ff33;  Bright green border for accent */
+   /*  border-bottom: 1px solid #e69109;  Bright green border for accent */
 }
 
 /* Ensure links stand out */
@@ -211,15 +212,15 @@ a {
 .btn {
     font-family: 'Courier New', monospace;
     background: #222; /* Dark background for buttons */
-    color: #33ff33; /* Bright green text */
-    border: 1px solid #33ff33; /* Border to match text color */
+    color: #e69109; /* Bright green text */
+    border: 1px solid #e69109; /* Border to match text color */
     padding: 10px 20px;
     text-transform: uppercase;
     transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 .btn:hover {
-    background: #33ff33; /* Bright green background on hover */
+    background: #e69109; /* Bright green background on hover */
     color: #000; /* Dark text on hover */
     cursor: pointer;
 }
diff --git a/includes/topnav.css b/includes/topnav.css
index f15e85b..dd5d746 100644
--- a/includes/topnav.css
+++ b/includes/topnav.css
@@ -3,6 +3,13 @@
     overflow: hidden;
     background-color: #0f0f0f;
     position: relative;
+    max-width: 1200px;
+    min-width: 800px;
+    margin: 5px auto 5px auto;
+    padding: 10px;
+    border: 1px solid rgb(255, 255, 255);
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
   }
   
   /* Hide the links inside the navigation menu (except for logo/home) */
@@ -39,4 +46,19 @@
   .active {
     background-color: #0f0f0f;
     color: #e69109;
-  }
\ No newline at end of file
+  }
+
+@media (max-width: 768px) {
+    .topnav {
+    overflow: hidden;
+    background-color: #0f0f0f;
+    position: relative;
+    min-width: 424px;
+    max-width: 500px;
+    margin: 5px;
+    padding: 10px;
+    border: 1px solid rgb(255, 255, 255);
+    border-radius: 10px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+    }
+}
diff --git a/index.php b/index.php
index 52a3b05..cf672b0 100644
--- a/index.php
+++ b/index.php
@@ -83,10 +83,8 @@ $lastMatches = array_slice($allMatches, 0, 8);
     </tbody>
 </table>
 
-        <p>Join us on our Discord:</p>
-        <a href="https://discord.gg/wMXsB3ZmNA" target="_blank" rel="noopener noreferrer">
-            <img src="./media/discordlogo.png" alt="Discord Logo" class="discord-logo">
-        </a>
+      
+
     </section>
 </main>
 
diff --git a/media/discordlogo.png b/media/discordlogo.png
index 526669b..6c8bc64 100644
Binary files a/media/discordlogo.png and b/media/discordlogo.png differ