diff --git a/static/css/style.css b/static/css/style.css
index 66b2a36..ef0041a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -126,4 +126,4 @@ h3 {
   display: flex;
   justify-content: center;
   align-items: center;
-}
\ No newline at end of file
+}
diff --git a/static/images/otter2 copy.gif b/static/images/otter2 copy.gif
new file mode 100644
index 0000000..815c86f
Binary files /dev/null and b/static/images/otter2 copy.gif differ
diff --git a/templates/base.html b/templates/base.html
index 0ad6668..21097eb 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,24 +4,24 @@
     <title>DIVE DEEPER Mobile Web App</title>
     <link
       rel="stylesheet"
-      href="/static/css/style.css"
+      href="{{ url_for('static', filename='css/style.css') }}"
     />
   </head>
   <body>
     <div class="container">
       <header>
-        <div class="logo">
-            <div class="title">
-              <h1>DIVE DEEPER</h1>
-            </div>
-          </div>        
+        <a href="{{ url_for('home')}}" style="text-decoration:none">
+          <h1>DIVE DEEPER</h1>
+        </a>
       </header>
     </div>
 
 	<main>{% block container %} {% endblock %}</main>
     
     <div class="image">
-      <img src="/static/images/otter.gif" alt="otter.gif">
+      <a href="{{ url_for('home')}}">
+        <img src="/static/images/otter.gif" alt="otter.gif">
+      </a>
     </div>
       
   </body>
