diff --git a/cara/apps/static/css/style.css b/cara/apps/static/css/style.css
index ec85a541..69fc165c 100644
--- a/cara/apps/static/css/style.css
+++ b/cara/apps/static/css/style.css
@@ -295,6 +295,13 @@ footer img {
   #mobile_link {
     display: inline!important;
   }
+  #desktop_logo {
+    display: none!important;
+  }
+  
+  #mobile_logo {
+    display: block!important;
+  }
   .feedback {
     float:right; 
     font-size:.75rem; 
diff --git a/cara/apps/static/images/cara_full_text.png b/cara/apps/static/images/cara_full_text.png
new file mode 100644
index 00000000..03d6c24e
Binary files /dev/null and b/cara/apps/static/images/cara_full_text.png differ
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index fe2afdd3..30ed7f07 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -5,7 +5,8 @@
     {# <div style="height: 5em; display: block;"></div> #}
 <header class= "bg-light">
   <div class="container container--padding">
-    <img src="/static/images/cara_full_logo.png" class="logo d-block m-auto">
+    <img src="/static/images/cara_full_text.png" class="logo d-block m-auto" id="desktop_logo">
+    <img src="/static/images/cara_full_logo.png" class="logo d-none m-auto" id="mobile_logo">
   </div>
 </header>