diff --git a/404.html b/404.html
index 3171fbf..ce2599c 100644
--- a/404.html
+++ b/404.html
@@ -19,7 +19,7 @@
     font-family: 'Open Sans';
   }
   div {
-    background-color: #27282e;
+    background-color: #212126;
     height: 100%;
     padding: 10%;
     position: absolute;
diff --git a/408.html b/408.html
index 323e0c1..f150564 100644
--- a/408.html
+++ b/408.html
@@ -19,7 +19,7 @@
     font-family: 'Open Sans';
   }
   div {
-    background-color: #27282e;
+    background-color: #212126;
     height: 100%;
     padding: 10%;
     position: absolute;
diff --git a/contact/css.css b/contact/css.css
index 6e0bb7a..8eaa63a 100644
--- a/contact/css.css
+++ b/contact/css.css
@@ -1,39 +1,43 @@
-#main {
-  background-color: #17171b;
+.main {
+  background-color: #212126;
   width: 100%;
   position: absolute;
-  height: 70vh;
+  height: 100vh;
 }
-#main h1 {
-  margin: 8rem 0 0 15rem;
+.main h1 {
+  text-align: center;
   font-size: 6rem;
+  margin-top: 5%;
 }
-#main i {
-  position: absolute;
-  top: 8rem;
-  font-size: 20rem;
-  right: 20rem;
+.form {
+  margin: auto;
+  width: auto;
 }
-#info {
-  background-color: #121215;
-  height: 30vh;
+.info {
+  background-color: #18181b;
+  box-shadow: 0 -1px 6px 1px hsla(0, 0%, 0%, 0.8);
   position: absolute;
+  bottom: 0;
   width: 100%;
-  top: 70vh;
 }
-#info h2 {
-  top: 4rem;
-  left: 10rem;
-  position: absolute;
+.info h2 {
   margin: 0;
+  margin-top: 4rem;
+  margin-left: 10%;
 }
-#info ul {
+.info ul {
   list-style-type: none;
   display: inline-block;
-  margin: 10rem 0 0 10rem;
+  margin: 3.5rem 0 3rem 10%;
   padding: 0;
   font-family: 'Open Sans'
 }
-#info h4 {
+.info h4 {
   color: gray;
 }
+@media screen and (min-width:0px) and (max-width:1000px) {
+  .main h1 {
+    font-size: 4rem!important;
+    margin-top: 15%!important;
+  }
+}
diff --git a/contact/index.html b/contact/index.html
index 61718bd..f776be2 100644
--- a/contact/index.html
+++ b/contact/index.html
@@ -15,11 +15,16 @@
 </head>
 
 <body>
-    <section id="main">
+    <div class="main">
         <h1>Contact opnemen?</h1>
-    </section>
-    <section id="info">
-        <h2>Neem contact met mij op</h2>
+        <div class="form">
+            <form action="">
+              <input type="text">
+            </form>
+        </div>
+    </div>
+    <div class="info">
+        <h2>Contact gegevens:</h2>
         <ul>
             <li>
                 <h4>TELEFOON</h4></li>
@@ -28,14 +33,14 @@
         <ul>
             <li>
                 <h4>EMAIL</h4></li>
-            <li>example@email.com</li>
+            <li>616258@live.pantarijn.nl</li>
         </ul>
         <ul>
             <li>
                 <h4>LOCATIE</h4></li>
-            <li>Niemandsland</li>
+            <li>Gelderland, Nederland</li>
         </ul>
-    </section>
+    </div>
     <script src="/resources/js/navbar.json.js"></script>
     <script src="/resources/js/insertNavbar.js"></script>
     <script src="/resources/js/javall.js"></script>
diff --git a/resources/css/navbar.css b/resources/css/navbar.css
index 53f8144..103b5e3 100644
--- a/resources/css/navbar.css
+++ b/resources/css/navbar.css
@@ -5,6 +5,7 @@
   width: 100%;
   background-color: #212126;
   z-index: 3;
+  box-shadow: 0 1px 6px 1px hsla(0, 0%, 0%, 0.4);
 }
 .navigation .fas {
   margin-left: .5rem;
