diff --git a/CV.html b/CV.html
index 0416615..9d0a579 100644
--- a/CV.html
+++ b/CV.html
@@ -71,12 +71,18 @@ <h2 class="en">Contact</h2>
     <h2 class="da">Kontakt</h2>
     <hr class="Seperator">
     <br>
-    <p class="en"><b class="en">Phone number:</b></p>
-    <p class="da"><b class="da">Telefon number:</b></p>
-    <p>+45 81 71 03 02</p>
+    <li><a href="tel:81710302">
+      <span class="en"><b class="en">Phone number:</b></span>
+      <span class="da"><b class="da">Telefon number:</b></span>
+      <span>+45 81 71 03 02</span>
+    </a></li>
+    <br>
+    <br>
+    <li><a href="mailto:macrosedk@gmail.com">
+      <span><b>EMAIL:</b></span>
+      <span>macrosedk@gmail.com</span>
+    </a></li>
     <br>
-    <p><b>EMAIL:</b></p>
-    <p>macrosedk@gmail.com</p>
 </div>
 
 <div class="CVGrid">
diff --git a/css/mnavbar.css b/css/mnavbar.css
index f0fce17..33c0b7f 100644
--- a/css/mnavbar.css
+++ b/css/mnavbar.css
@@ -13,17 +13,17 @@
 }
 
 .topnav #Home {
-    text-align: center;
-    padding: 6px 10px 10px 10px;
-    margin: 0;
-    font-size: calc(var(--MFontSize) + 35px);
+  text-align: center;
+  padding: 6px 10px 10px 10px;
+  margin: 0;
+  font-size: calc(var(--MPFontSize) + 35px);
 }
 
 .topnav #Rose {
-    position: absolute;
-    left: 0;
-    padding: 10px 0 0 10px;
-    width: 95px;
+  position: absolute;
+  left: 0;
+  padding: 10px 0 0 10px;
+  width: 95px;
 }
 
 /* Style navigation menu links */
@@ -36,33 +36,33 @@
   font-size: 45px
 }
 .topnav details {
-    font-size: 45px;
-    padding: 14px 16px;
-    border: 0;
-    border-radius: 0;
-    border-top: 3px;
-    border-style: solid;
-    margin: 0;
+  font-size: 45px;
+  padding: 14px 16px;
+  border: 0;
+  border-radius: 0;
+  border-top: 3px;
+  border-style: solid;
+  margin: 0;
 }
 .topnav #Art {
-    border: 0;
-    border-top: 3px;
-    border-style: solid;
+  border: 0;
+  border-top: 3px;
+  border-style: solid;
 }
 
 .topnav details summary i.arrow {
-    align-items: center;
-    transition: all 0.3s;
-    margin-right: 10px;
-    margin-left: auto;
+  align-items: center;
+  transition: all 0.3s;
+  margin-right: 10px;
+  margin-left: auto;
 }
 .topnav details[open] summary i {
-    transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 
 /* Style the hamburger menu */
 .topnav a.icon {
-  font-size: calc(var(--MFontSize) + 35px);
+  font-size: calc(var(--MPFontSize) + 35px);
   border: 0;
   border-left: 3px;
   border-bottom: 3px;
@@ -78,7 +78,7 @@
   top: 0;
 }
 .topnav a.icon.lang-modebtn {
-  right: calc(var(--MFontSize) + 55px);
+  right: calc(var(--MPFontSize) + 55px);
   top: 0;
   border-radius: 0 0 0 5px;
 }
diff --git a/css/navbar.css b/css/navbar.css
index 3d18ad6..f07d4c7 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -80,11 +80,11 @@ nav .dropdown-content i {
 }
 
 nav #LangButton {
-    width: calc(var(--FontSize) + 10px);
+    width: calc(var(--PFontSize) + 10px);
 }
 
 nav .LangImg {
-    width: var(--FontSize);
+    width: var(--PFontSize);
 }
 
 nav .dropdown:hover .dropdown-content {
@@ -117,7 +117,7 @@ nav #About-Content {
     height: 52px;
     width: 52px;
     color: var(--main-color);
-    font-size: var(--FontSize);
+    font-size: var(--PFontSize);
     transition: all .1s ease-out;
 }
 .nav-btn:hover {
diff --git a/css/stylesheet.css b/css/stylesheet.css
index 2b9893b..e11aab6 100644
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@@ -61,7 +61,7 @@ h3 {
     box-sizing: border-box;
 }
 .grid i {
-    font-size: 500%;
+    font-size: var(--PFontSize);
 }
 .art img {
     width: 100%;
@@ -164,7 +164,7 @@ button {
 }
 .mobile a, .mobile p{
   padding: 5px;
-  font-size: var(--MFontSize);
+  font-size: var(--MPFontSize);
 }
 .mobile h1, .mobile h2{
   padding: 2px;
@@ -219,7 +219,7 @@ details:hover {
 
 details>summary i.icon {
     align-items: center;
-    font-size: calc(var(--FontSize) * 3.5);
+    font-size: calc(var(--PFontSize) * 3.5);
     transition: all 0.3s;
     margin-right: 10px;
     margin-left: auto;
diff --git a/mobile-navbar.html b/mobile-navbar.html
index bd023de..58e6197 100644
--- a/mobile-navbar.html
+++ b/mobile-navbar.html
@@ -1,60 +1,77 @@
 <nav class="topnav">
-  <a href="/" id="Home"><img id="Rose" src="/Images/Rose.svg"><br></a>
-  <div id="myLinks">
-    <details id="Coding">
-      <summary>
-        <i class="fa fa-code navIcon"></i>
-        <b>Coding</b>
-        <i class="fa fa-caret-down arrow"></i>
-      </summary>
-      <a href="https://github.com/coffandro/coffandro.github.io">This websites source <i class="fa-brands fa-github"></i></a>
-      <a href="https://github.com/coffandro">Github <i class="fa-brands fa-github"></i></a>
-    </details>
-    <details id="Projects">
-      <summary>
-        <i class="fa fa-box navIcon"></i>
-        <b>Projects</b>
-        <i class="fa fa-caret-down arrow"></i>
-      </summary>
-      <a href="/Gallery/gallery">Gallery <i class="fa-solid fa-image"></i></a>
-      <a href="/games">Games I've made <i class="fa-solid fa-gamepad"></i></a>
-      <a href="https://fallout4london.com/">Fallout: London Level Designer <i class="fa-solid fa-gamepad"></i></a>
-    </details>
-    <a id="Art" href="/art"><i class="fa fa-image navIcon"></i><b>Art</b></a>
-    <details id="About">
-      <summary>
-        <i class="fa fa-address-card navIcon"></i>
-        <b>About</b>
-        <i class="fa fa-caret-down arrow"></i>
-      </summary>
-      <a href="/about">About Me <i class="fa fa-address-card"></i></a>
-      <a href="/wishList">Wish List <i class="fa-solid fa-list"></i></a>
-      <a href="/about#Socials">Socials <i class="fa-solid fa-handshake"></i></a>
-      <a href="CV.html">My CV <i class="fa-solid fa-file"></i></a>
-    </details>
-    
-  </div>
-  <!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
-  <a href="javascript:void(0);" id="Hamburger" class="icon" onclick="Menu()">
-    <i class="fa-solid fa-bars"></i>
-  </a>
+<a href="/" id="Home"><img id="Rose" src="/Images/Rose.svg"><br></a>
+<div id="myLinks">
+<details id="Coding">
+<summary>
+<i class="fa fa-code navIcon"></i>
+<b>
+  <span class="en">Coding</span>
+  <span class="da">Kodning</span>
+</b>
+<i class="fa fa-caret-down arrow"></i>
+</summary>
+  <a class="en" href="https://github.com/coffandro/coffandro.github.io">This websites source <i class="fa-brands fa-github"></i></a>
+  <a class="da" href="https://github.com/coffandro/coffandro.github.io">Denne hjemmeside's kode <i class="fa-brands fa-github"></i></a>
+  <a href="https://github.com/coffandro">Github <i class="fa-brands fa-github"></i></a>
+</details>
+<details id="Projects">
+<summary>
+<i class="fa fa-box navIcon"></i>
+<b>
+  <span class="en">Projects</span>
+  <span class="da">Projekter</span>
+</b>
+<i class="fa fa-caret-down arrow"></i>
+</summary>
+  <a class="en" href="/Gallery/gallery">Gallery <i class="fa-solid fa-image"></i></a>
+  <a class="en" href="/games">Games <i class="fa-solid fa-gamepad"></i></a>
+  <a class="da" href="/Gallery/gallery">Galleri <i class="fa-solid fa-image"></i></a>
+  <a class="da" href="/games">Spil <i class="fa-solid fa-gamepad"></i></a>
+  <a href="https://fallout4london.com/">Fallout: London Level Designer <i class="fa-solid fa-gamepad"></i></a>
+</details>
+<a class="en" id="Art" href="/art"><i class="fa fa-image navIcon"></i><b>Art</b></a>
+<a class="da" id="Art" href="/art"><i class="fa fa-image navIcon"></i><b>Kunst</b></a>
+<details id="About">
+<summary>
+<i class="fa fa-address-card navIcon"></i>
+<b>
+  <span class="en">About Me</span>
+  <span class="da">Om mig</span>
+</b>
+<i class="fa fa-caret-down arrow"></i>
+</summary>
+  <a class="en" href="/about">About Me <i class="fa-solid fa-address-card"></i></a>
+  <a class="en" href="/wishList">Wish List <i class="fa-solid fa-list"></i></a>
+  <a class="en" href="/about#Socials">Socials <i class="fa-solid fa-handshake"></i></a>
+  <a class="en" href="CV.html">My CV <i class="fa-solid fa-file"></i></a>
+  <a class="da" href="/about">Om mig <i class="fa-solid fa-address-card"></i></a>
+  <a class="da" href="/wishList">Ønske liste <i class="fa-solid fa-list"></i></a>
+  <a class="da" href="/about#Socials">Sociale <i class="fa-solid fa-handshake"></i></a>
+  <a class="da" href="CV.html">Mit CV <i class="fa-solid fa-file"></i></a>
+</details>
 
-  <!-- Language switch button -->
-  <a class="lang-modebtn icon" onclick="Langswitch()">
-    <i class="fa-solid fa-globe"></i>
-  </a>
+</div>
+<!-- "Hamburger menu" / "Bar icon" to toggle the navigation links -->
+<a href="javascript:void(0);" id="Hamburger" class="icon" onclick="Menu()">
+  <i class="fa-solid fa-bars"></i>
+</a>
+
+<!-- Language switch button -->
+<a class="lang-modebtn icon" onclick="Langswitch()">
+  <i class="fa-solid fa-globe"></i>
+</a>
 </nav>
 
 <script>
 /* Toggle between showing and hiding the navigation menu links when the user clicks on the 
 hamburger menu / bar icon */
 function Menu() {
-  var x = document.getElementById("myLinks");
-  if (x.style.display === "block") {
-    x.style.display = "none";
-  } else {
-    x.style.display = "block";
-  }
+var x = document.getElementById("myLinks");
+if (x.style.display === "block") {
+x.style.display = "none";
+} else {
+x.style.display = "block";
+}
 }
 
 // Select the theme preference from localStorage
@@ -62,27 +79,27 @@
 
 // If the current Language in localStorage is "Danish"...
 if (currentLanguage == "Danish") {
-  document.body.classList.add("Lang-DA");
+document.body.classList.add("Lang-DA");
 }
 else {
-  document.body.classList.add("Lang-EN");
+document.body.classList.add("Lang-EN");
 }
 
 // The Language switch function
 function Langswitch() {
-  // Toggle the .Lang-XX classes on each click
-  document.body.classList.toggle("Lang-DA");
-  document.body.classList.toggle("Lang-EN");
+// Toggle the .Lang-XX classes on each click
+document.body.classList.toggle("Lang-DA");
+document.body.classList.toggle("Lang-EN");
+
+let Language = "English";
+if (document.body.classList.contains("Lang-DA")) {
+Language = "Danish";
 
-  let Language = "English";
-  if (document.body.classList.contains("Lang-DA")) {
-    Language = "Danish";
-    
-  }
-  else {
-    Language = "English";
-  }
-  // Then save the choice in localStorage
-  localStorage.setItem("Language", Language);
+}
+else {
+Language = "English";
+}
+// Then save the choice in localStorage
+localStorage.setItem("Language", Language);
 };
 </script>
diff --git a/navbar.html b/navbar.html
index 545fad1..f785c14 100644
--- a/navbar.html
+++ b/navbar.html
@@ -5,44 +5,55 @@
 <!-- Coding dropdown -->
 <li class="dropdown">
 <a href="javascript:void(0)" class="dropbtn">
-    <i class="fa-solid fa-code"></i> 
-    Coding 
-    <i class="fa-solid fa-caret-down"></i>
+  <i class="fa-solid fa-code"></i> 
+  <span class="en">Coding</span>
+  <span class="da">Kodning</span>
+  <i class="fa-solid fa-caret-down"></i>
 </a>
 <div class="dropdown-content">
-    <a href="https://github.com/coffandro/coffandro.github.io">This Websites Source <i class="fa-brands fa-github"></i></a>
-    <a href="https://github.com/coffandro">GitHub <i class="fa-brands fa-github"></i></a>
+  <a class="en" href="https://github.com/coffandro/coffandro.github.io">This websites source <i class="fa-brands fa-github"></i></a>
+  <a class="da" href="https://github.com/coffandro/coffandro.github.io">Denne hjemmeside's kode <i class="fa-brands fa-github"></i></a>
+  <a href="https://github.com/coffandro">GitHub <i class="fa-brands fa-github"></i></a>
 </div>
 </li>
 
 <li class="dropdown">
 <a href="" class="dropbtn">
-    <i class="fa-solid fa-box"></i> 
-    Projects
-    <i class="fa-solid fa-caret-down"></i>
+  <i class="fa-solid fa-box"></i> 
+  <span class="en">Projects</span>
+  <span class="da">Projekter</span>
+  <i class="fa-solid fa-caret-down"></i>
 </a>
 <div class="dropdown-content">
-    <a href="/Gallery/gallery">Gallery <i class="fa-solid fa-image"></i></a>
-    <a href="/games">Games I've made <i class="fa-solid fa-gamepad"></i></a>
-    <a href="https://fallout4london.com/">Fallout: London Level Designer <i class="fa-solid fa-gamepad"></i></a>
+  <a class="en" href="/Gallery/gallery">Gallery <i class="fa-solid fa-image"></i></a>
+  <a class="en" href="/games">Games <i class="fa-solid fa-gamepad"></i></a>
+  <a class="da" href="/Gallery/gallery">Galleri <i class="fa-solid fa-image"></i></a>
+  <a class="da" href="/games">Spil <i class="fa-solid fa-gamepad"></i></a>
+  <a href="https://fallout4london.com/">Fallout: London Level Designer <i class="fa-solid fa-gamepad"></i></a>
 </div>
 </li>
 
 <!-- Art page -->
-<li><a href="/art"><i class="fa-solid fa-image"></i> Art</a></li>
+<li><a class="en" href="/art"><i class="fa-solid fa-image"></i> Art</a></li>
+<li><a class="da" href="/art"><i class="fa-solid fa-image"></i> Kunst</a></li>
 
 <!-- About me dropdown -->
 <li id="About" class="dropdown" style="float: right;">
 <a href="/about" class="dropbtn">
-<i class="fa-solid fa-address-card"></i>
-About Me
-<i class="fa-solid fa-caret-down"></i>
+  <i class="fa-solid fa-address-card"></i>
+  <span class="en">About Me</span>
+  <span class="da">Om mig</span>
+  <i class="fa-solid fa-caret-down"></i>
 </a>
 <div class="dropdown-content" id="About-Content">
-<a href="/about">About Me <i class="fa-solid fa-address-card"></i></a>
-<a href="/wishList">Wish List <i class="fa-solid fa-list"></i></a>
-<a href="/about#Socials">Socials <i class="fa-solid fa-handshake"></i></a>
-<a href="CV.html">My CV <i class="fa-solid fa-file"></i></a>
+  <a class="en" href="/about">About Me <i class="fa-solid fa-address-card"></i></a>
+  <a class="en" href="/wishList">Wish List <i class="fa-solid fa-list"></i></a>
+  <a class="en" href="/about#Socials">Socials <i class="fa-solid fa-handshake"></i></a>
+  <a class="en" href="CV.html">My CV <i class="fa-solid fa-file"></i></a>
+  <a class="da" href="/about">Om mig <i class="fa-solid fa-address-card"></i></a>
+  <a class="da" href="/wishList">Ønske liste <i class="fa-solid fa-list"></i></a>
+  <a class="da" href="/about#Socials">Sociale <i class="fa-solid fa-handshake"></i></a>
+  <a class="da" href="CV.html">Mit CV <i class="fa-solid fa-file"></i></a>
 </div>
 </li>