diff --git a/404.html b/404.html
index 3827f92..7f5cafd 100755
--- a/404.html
+++ b/404.html
@@ -29,6 +29,7 @@
         <link rel="icon" href="assets/afb/favicon.png" type="image/png">
         <link href="/assets/css/mrl.css" rel="stylesheet">
         <link href="/assets/fontawesome/css/all.css" rel="stylesheet">
+        <script type="text/javascript" src="/assets/js/mrl.js"></script>
         <!--- site-->
   <meta name="viewport" content="width=device-width, initial-scale=1" >
 </head>
@@ -39,7 +40,7 @@
       <section id="sectie_kop">
         <div class="container">
           <header>
-            <logo>Lermer.nl</logo>
+            <logo><a href="/">LERMER.NL</a></logo>
             <nav id="main_menu_01">
               <ul>
                 <li> <a href="/index.html">Welkom</a></Li>
@@ -83,25 +84,14 @@
       <div class="container">
         <footer>
           <div class="footer-links">
-              <ul>
-                <li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
-                <li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
-              </ul>
+            <ul>
+              <li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
+              <li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
+            </ul>
           </div>
         </footer>
       </div>
     </section>
   </div>
 </body>
-
-<script>
-function hamburgermenuknopje() {
-  var x = document.getElementById('main_menu_01');
-  if (x.style.display === "block") {
-    x.style.display = "none";
-  } else {
-    x.style.display = "block";
-  }
-}
-</script>
 </html>
\ No newline at end of file
diff --git a/assets/css/mrl.css b/assets/css/mrl.css
index 14f2c00..8af562c 100755
--- a/assets/css/mrl.css
+++ b/assets/css/mrl.css
@@ -164,7 +164,7 @@
   }
   
   a:active {
-    color: yellow;
+    color: #8d100e;
     background-color: #2B3642;
     text-decoration: underline;
   }
@@ -181,7 +181,7 @@
       }
       
   a:hover {
-      background-color: #2B3642;
+      background-color: #374351;
     }
 
   /*specials*********************************************************************************************************/
@@ -197,45 +197,72 @@
   }
 
   .knop{
-    padding: 25px 90px 25px 90px;
     text-align: center;
+    padding: 25px 90px 25px 90px;
     text-decoration: none;
     border-radius: 5px;
     font-size: 20px;
-    color: #D2E0F0;
     cursor: pointer;
 
     }
     #knop a:link{
       color: #D2E0F0;
-      background-color: transparent;
+      background-color: #2B3642;
       text-decoration: none;
+      padding: 25px 25px 25px 25px;
     }
       
     #knop a:visited {
-        color: rgba(255, 255, 255, 0);
+        color: #D2E0F0;
         background-color: #2B3642;
         text-decoration: none;
       }
       
     #knop a:hover {
-      background-color: #2B3642;
+      background-color: #374351;
+      
     }
     
     #knop a:active {
-      color: yellow;
+      color: #8d100e;
       background-color: #2B3642;
       text-decoration: underline;
     }
 
-    .knop_contact{
-      padding: 25px 25px 25px 25px;
-      width: 100%;
-      font-size: 18px;
-      background-color: #171E26
+    #knop_contact{
+      text-align: center;
+      padding: 0px 0px 25px 0px;
+      text-decoration: none;
+      border-radius: 5px;
+      font-size: 20px;
+      cursor: pointer;
       }
 
-
+    #knop_contact a:link{
+        color: #D2E0F0;
+        background-color: transparent;
+        text-decoration: none;
+        padding: 25px 25px 25px 25px;
+      }
+        
+    #knop_contact a:visited {
+          color: #D2E0F0;
+          background-color: transparent;
+          text-decoration: none;
+        }
+        
+    #knop_contact a:hover {
+        background-color: #374351;
+        border-radius: 5px;
+      }
+      
+    #knop_contact a:active {
+        color: #8d100e;
+        background-color: #2B3642;
+        text-decoration: underline;
+        border-radius: 5px;
+      }  
+      
 /*menu*********/
     nav{
       float: right;
@@ -284,16 +311,30 @@
   text-transform: uppercase;
   border-radius: 5px;
   font-size: 20px;
-
   }
 
+  .footer-links ul li:hover {
+    display: inline-block;
+    background-color: #374351;
+    text-transform: uppercase;
+    border-radius: 5px;
+    font-size: 20px;
+    }
+
 .footer-links ul li a {
     text-decoration: none;
-    padding: 15px 17px 15px 17px;
+    color: #D2E0F0;
+  }
+
+  .footer-links ul li a:hover {
+    text-decoration: none;
     border-radius: 5px;
     color: #D2E0F0;
   }
 
-
+  .footer-links ul li a:active {
+    color: #8d100e;
+  }  
+  
   /*uitzonderingen*********************************************************************************************************/
 
diff --git a/assets/js/mrl.js b/assets/js/mrl.js
new file mode 100644
index 0000000..ea1e44a
--- /dev/null
+++ b/assets/js/mrl.js
@@ -0,0 +1,8 @@
+function hamburgermenuknopje() {
+    var x = document.getElementById('main_menu_01');
+    if (x.style.display === "block") {
+      x.style.display = "none";
+    } else {
+      x.style.display = "block";
+    }
+  }
\ No newline at end of file
diff --git a/index.html b/index.html
index f22ed34..7ef21c4 100755
--- a/index.html
+++ b/index.html
@@ -28,6 +28,7 @@
         <link rel="icon" href="assets/afb/favicon.png" type="image/png">
         <link href="/assets/css/mrl.css" rel="stylesheet">
         <link href="/assets/fontawesome/css/all.css" rel="stylesheet">
+        <script type="text/javascript" src="/assets/js/mrl.js"></script>
         <!--- site-->
   <meta name="viewport" content="width=device-width, initial-scale=1" >
 </head>
@@ -38,7 +39,7 @@
       <section id="sectie_kop">
         <div class="container">
           <header>
-            <logo>Lermer.nl</logo>
+            <logo><a href="/">LERMER.NL</a></logo>
             <nav id="main_menu_01">
               <ul>
                 <li class="active"> <a href="/index.html">Welkom</a></Li>
@@ -67,14 +68,13 @@
             </picture>
 
             <h2>Contactgegevens:</h2>
-    
-            <div id="knop">
-              <a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
-              <br><br>
-              <a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
-              <br><br>
-              <a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
-              <br><br>
+            <div id="knop_contact">
+              <a href="mailto:info@lermer.nl">E-mail: Mathijs@lermer.nl</a><br>
+              <br><br><br>
+              <a href="https://matrix.to/#/@mathijs:lermer.nl">[MATRIX]: @mathijs:lermer.nl</a><br>
+              <br><br><br>
+              <a href="https://mastodon.lermer.nl/@mathijs">Mastodon: @mathijs@lermer.nl</a><br>
+              <br>
             </div>
           </div>
 
@@ -91,7 +91,7 @@
           <div class="footer-links">
               <ul>
                 <li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
-                <li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li>
+                <li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
               </ul>
           </div>
         </footer>
@@ -99,15 +99,4 @@
     </section>
   </div>
 </body>
-
-<script>
-function hamburgermenuknopje() {
-  var x = document.getElementById('main_menu_01');
-  if (x.style.display === "block") {
-    x.style.display = "none";
-  } else {
-    x.style.display = "block";
-  }
-}
-</script>
 </html>
\ No newline at end of file
diff --git a/robots.txt b/robots.txt
old mode 100644
new mode 100755