diff --git a/aula/static/Aula_logo.png b/aula/static/Aula_logo.png
new file mode 100644
index 0000000..312fbc0
Binary files /dev/null and b/aula/static/Aula_logo.png differ
diff --git a/aula/static/main.css b/aula/static/main.css
index 44e1df8..7004c30 100644
--- a/aula/static/main.css
+++ b/aula/static/main.css
@@ -2,18 +2,39 @@ body {
   background: #fafafa;
   color: #333333;
   margin-top: 5rem;
+  font-family: Lato, sans-serif;
 }
 
 h1, h2, h3, h4, h5, h6 {
   color: #444444;
 }
 
+.site-header {
+  margin-bottom: 120px;
+}
+
+.navbar {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.navbar-brand {
+  height: 80px;
+  margin-bottom: 5px;
+}
+
 .bg-steel {
-  background-color: #5f788a;
+  background-color: #18638f;
 }
 
 .site-header .navbar-nav .nav-link {
   color: #cbd5db;
+  width: 100px;
+  height: 100px;
+  margin-top: 0;
+  margin-bottom: 0;
+  text-align: center;
+  padding-top: 35px;
 }
 
 .site-header li > .nav-item.nav-link {
@@ -22,6 +43,7 @@ h1, h2, h3, h4, h5, h6 {
 
 .site-header .navbar-nav .nav-link:hover {
   color: #ffffff;
+  background-color: #549ec7;
 }
 
 .site-header .navbar-nav .nav-link.active {
diff --git a/aula/templates/home.html b/aula/templates/home.html
index 9b418e3..ba37d12 100644
--- a/aula/templates/home.html
+++ b/aula/templates/home.html
@@ -1,6 +1,8 @@
 {% extends "layout.html" %}
 {% block content %}
-    <h1>{{ current_user.name }}</h1>
+    <h1>Hej, {{ current_user.first_name }} {{ current_user.first_name }}</h1>
+    <hr>
+    <h2>Opslag</h2>
     {% for post in posts %}
         <article class="media content-section">
           <div class="media-body">
diff --git a/aula/templates/layout.html b/aula/templates/layout.html
index 52f87c9..f40fecf 100644
--- a/aula/templates/layout.html
+++ b/aula/templates/layout.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
+
     <!-- Required meta tags -->
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -20,32 +24,21 @@
     <header class="site-header">
       <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
         <div class="container">
-          <a class="navbar-brand mr-4" href="/">UIS Prototype</a>
+          <img src="{{ url_for('static', filename='Aula_logo.png') }}" class="navbar-brand mr-4" href="/"/>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
           </button>
           <div class="collapse navbar-collapse" id="navbarToggle">
             <div class="navbar-nav mr-auto">
-              <a class="nav-item nav-link" href="{{ url_for('Login.home') }}">Home</a>
-              {% if current_user.is_authenticated %}
-                <li class="dropdown">
-                 <a href="#" class="nav-item nav-link dropdown-toggle" data-toggle="dropdown">UIS bank<b class="caret"></b></a>
-                 <ul class="dropdown-menu">
-                    <li><a class="nav-item nav-link" href="{{ url_for('Login.account') }}">Account</a></li>
-                    <li class="divider"></li>
-                    <li><a class="nav-item nav-link" href="https://www.pgadmin.org">site pgAdmin</a></li>
-                    <li><a class="nav-item nav-link" href="http://127.0.0.1:58653/browser/ ">pgAdmin4</a></li>
-                 </ul>
-               </li>
-              {% else %}
-              {% endif %}
-              <a class="nav-item nav-link" href="{{ url_for('Login.about') }}">About</a>
+              <a class="nav-item nav-link" href="{{ url_for('Login.home') }}">Forside</a>
+              <a class="nav-item nav-link" href="/">Grupper</a>
+              <a class="nav-item nav-link" href="/">Tråde</a>
             </div>
             <!-- Navbar Right Side -->
             <div class="navbar-nav">
               {% if current_user.is_authenticated %}
-                <a class="nav-item nav-link" href="{{ url_for('Login.account') }}">Account</a>
-                <a class="nav-item nav-link" href="{{ url_for('Login.logout') }}">Logout</a>
+                <a class="nav-item nav-link" href="{{ url_for('Login.account') }}">Bruger</a>
+                <a class="nav-item nav-link" href="{{ url_for('Login.logout') }}">Logud</a>
               {% else %}
                 <a class="nav-item nav-link" href="{{ url_for('Login.login') }}">Login</a>
               {% endif %}
