diff --git a/src/assets/fa-logo.png b/src/assets/fa-logo.png
old mode 100644
new mode 100755
index 3076a46..e31709c
Binary files a/src/assets/fa-logo.png and b/src/assets/fa-logo.png differ
diff --git a/src/components/TemplateCover.js b/src/components/TemplateCover.js
index ab2ca04..561ab7d 100644
--- a/src/components/TemplateCover.js
+++ b/src/components/TemplateCover.js
@@ -117,6 +117,9 @@ class TemplateCover extends React.Component {
     const { videos } = this.props.cover
     return (
       <div className='default-cover-container'>
+        <a className='cover-logo-container' href='https://forensic-architecture.org'>
+          <img className='cover-logo' src={logo} />
+        </a>
         <div className='cover-content'>
           {
             this.props.cover.bgVideo ? (
@@ -133,9 +136,6 @@ class TemplateCover extends React.Component {
               </div>
             ) : null
           }
-          <a className='cover-logo-container' href='https://forensic-architecture.org'>
-            <img className='cover-logo' src={logo} />
-          </a>
           <h1>{this.props.cover.title}</h1>
           <h3>{this.props.cover.subtitle}</h3>
           {
diff --git a/src/scss/cover.scss b/src/scss/cover.scss
index db214a9..5da39f4 100644
--- a/src/scss/cover.scss
+++ b/src/scss/cover.scss
@@ -19,14 +19,16 @@
 }
 
 .cover-logo-container {
-  width: 100%;
+  position: absolute;
+  bottom: 20px;
+  left: 20px;
   display: flex;
   justify-content: center;
 }
 
 .cover-logo {
-  margin-top: 10px;
-  width: 200px;
+  width: 60px;
+  height: 60px;
 }