diff --git a/cara/apps/static/images/cara_logo.png b/cara/apps/static/images/cara_logo.png
new file mode 100755
index 00000000..c8d3e927
Binary files /dev/null and b/cara/apps/static/images/cara_logo.png differ
diff --git a/cara/apps/static/images/cara_logo_text.png b/cara/apps/static/images/cara_logo_text.png
new file mode 100755
index 00000000..2e7fb345
Binary files /dev/null and b/cara/apps/static/images/cara_logo_text.png differ
diff --git a/cara/apps/static/images/cara_logo_text_cern.png b/cara/apps/static/images/cara_logo_text_cern.png
new file mode 100755
index 00000000..5efc1514
Binary files /dev/null and b/cara/apps/static/images/cara_logo_text_cern.png differ
diff --git a/cara/apps/static/images/cara_logo_white.png b/cara/apps/static/images/cara_logo_white.png
new file mode 100644
index 00000000..b4cec528
Binary files /dev/null and b/cara/apps/static/images/cara_logo_white.png differ
diff --git a/cara/apps/static/images/cara_logo_white_text.png b/cara/apps/static/images/cara_logo_white_text.png
new file mode 100644
index 00000000..c47b400f
Binary files /dev/null and b/cara/apps/static/images/cara_logo_white_text.png differ
diff --git a/cara/apps/static/images/tree.png b/cara/apps/static/images/tree.png
deleted file mode 100644
index 40e9352e..00000000
Binary files a/cara/apps/static/images/tree.png and /dev/null differ
diff --git a/cara/apps/templates/index.html.j2 b/cara/apps/templates/index.html.j2
index e5779c50..fe40a1e7 100644
--- a/cara/apps/templates/index.html.j2
+++ b/cara/apps/templates/index.html.j2
@@ -10,12 +10,13 @@
           <div class="component-row__column component-row__center section-has-no-column col-md-12 col-sm-12 col-xs-12">
             <div class="box-effects-wrapper ">
 
+              <div class="text-component text-component-page clearfix" style="position:relative; " >
 
-              <div class="text-component text-component-page clearfix">
-                <h2 class="text-component-title">
+                <img src="/static/images/cara_logo.png" style="height:200px; display:inline-block; vertical-align:middle;"> 
+                <h2 class="text-component-title" style="display:inline-block; vertical-align:middle; max-width:80%; margin-left:-80px;">
                   CARA: COVID Area Risk Assessment Tools
                 </h2>
-                <div class="text-component-text cern_full_html">
+                <div class="text-component-text cern_full_html" style="margin-left:210px;">
                   <p>
                     Please try out the CARA COVID calculator <a href="/calculator">here</a>.
                     Your feedback is most welcome at <a href="mailto:CARA-dev@cern.ch">CARA-dev@cern.ch</a>
diff --git a/cara/apps/templates/layout.html.j2 b/cara/apps/templates/layout.html.j2
index fd0fe090..b71dc7c0 100644
--- a/cara/apps/templates/layout.html.j2
+++ b/cara/apps/templates/layout.html.j2
@@ -97,15 +97,10 @@
     <header role="banner" style="display: block;">
       <img src="/static/images/hse_triangle_right_1.png" style="float:left; height: 65pt; margin-top: 7pt">
       <div class="header-wrapper" style="background: rgb(47, 52, 66); clear: none;">
-        <div class="site-info col-sm-2">
-          <div class="site-info__logo col-lg-3 col-md-2 col-sm-3">
+        <div class="site-info col-sm-2" style="max-height: 76px;">
+          <div class="site-info__text col-lg-9 col-md-10 col-sm-9">
             <a href="https://hse.cern/" title="Home" rel="home">
-              <img src="/static/images/tree.png" alt="home">
-            </a>
-          </div>
-          <div class="site-info__text col-lg-9 col-md-10 col-sm-9" style="margin-left: 60pt;">
-            <a href="https://hse.cern/" title="Home" rel="home">
-              <img src="/static/images/HES_logo_white.png" style="height: 40pt; margin-top: 7pt">
+              <img src="/static/images/cara_logo_white_text.png" alt="home" style="height: 150pt; margin-top: 7pt;">
             </a>
           </div>
         </div>