diff --git a/public/css/style.css b/public/css/style.css
index 5ac3b4e..983361e 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -839,7 +839,8 @@ there.
 		text-align: left;
   }
   .header .logo { 
-    display: inline; 
+    /* display: inline;  */
+    display: none;
     position: unset;
   }
   .navigation a.menu-icon {
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index d4759fc..381c2f4 100755
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,99 +1,51 @@
-<!DOCTYPE html>
-<html>
+@extends('layouts.app')
 
-<head>
-    <title>TETHYS - Geology Geophysics Meteorology</title>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <!-- Mobile Specific Metas
-    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+@section('head')
+<style type="text/css">
+    h1 {
+        text-align: center;
+        margin: 0;
+        padding-top: 20px;
+    }
 
-    <!-- FONT
-    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <link rel="stylesheet" type="text/css" href="/css/fonts.css" />
+    .main p {
+        text-align: center;
+    }
 
-    <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" /> -->
-    <link rel="stylesheet" href="/css/normalize.css">
-    <link rel="stylesheet" href="/css/skeleton.css">
-    <link rel="stylesheet" href="/css/font-awesome.css">
-    <style type="text/css">
-        body {
-            margin: 0;
-            padding: 0;
-            height: 100vh;
-            background: #f1f2f6;
-            font-family: "Open Sans", sans-serif;
-        }
+    .main {
+        /* display: flex; */
+        margin: 0 auto;
+        width: 60%;
+        justify-content: center;
+        align-items: center;
+    }
 
-        .logo-image {
-            position: absolute;
-            top: 10px;
-            left: 10px;
-        }
-        .logo-image i {
-            font-size: 30px;
-        }
+    input[type=submit].button-primary {
+        font-size: 14px;
+    }
 
-        h1 {
-            text-align: center;
-            margin: 0;
-            padding-top: 20px;
-        }
+    form {
+        /* width: 40%; */
+        margin-top: 30px;
 
-        .main p {
-            text-align: center;
-        }
+    }
 
-        .main {
-            /* display: flex; */
-            margin: 0 auto;
-            width: 60%;
-            justify-content: center;
-            align-items: center;
-        }
+    @media(max-width: 660px) {
 
-        input[type=submit].button-primary {
-            font-size: 14px;
-        }
-
-        form {
-            /* width: 40%; */
-            margin-top: 30px;
-
-        }
-
-        @media(max-width: 660px) {
-
-            /* form {
+        /* form {
                 width: 70%;
             } */
-            .main {
-                width: 80%;
-            }
+        .main {
+            width: 80%;
         }
-    </style>
-    <!-- Favicon
-    –––––––––––––––––––––––––––––––––––––––––––––––––– -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
-    <link rel="manifest" href="/images/favicon/site.webmanifest">
-    <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
-    <link rel="shortcut icon" href="/images/favicon/favicon.ico">
-    <meta name="msapplication-TileColor" content="#2b5797">
-    <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
-    <meta name="theme-color" content="#646b63">
-</head>
+    }
+</style>
+@endsection
 
-<body>
-    <div class="logo-image">
-        <a href="/">
-            <i class="fas fa-chevron-circle-left"></i>
-        </a>
-    </div>
+@section('content')
+<section data-sr id="login" class="login u-full-width"></section>
     <header>
-        <h1>In Tethys einloggen</h1>
+        <h1>Tethys Login Form</h1>
     </header>
     <div class="main">
         <p>Login is only required for access to data under embargo or for submitting new datasets.</p>
@@ -125,8 +77,7 @@
                     </div>
                     <div class="row">
                         <div class="twelve columns">
-                            <input type="password" name="password" placeholder="Password*" class="u-full-width"
-                                required>
+                            <input type="password" name="password" placeholder="Password*" class="u-full-width" required>
                         </div>
                     </div>
 
@@ -150,6 +101,5 @@
 
 
     </div>
-</body>
-
-</html>
\ No newline at end of file
+</section>
+@endsection
\ No newline at end of file
