diff --git a/src/components/TemplateCover.js b/src/components/TemplateCover.js
index 3e10f9e..561ab7d 100644
--- a/src/components/TemplateCover.js
+++ b/src/components/TemplateCover.js
@@ -117,7 +117,7 @@ class TemplateCover extends React.Component {
     const { videos } = this.props.cover
     return (
       <div className='default-cover-container'>
-        <a href='https://forensic-architecture.org'>
+        <a className='cover-logo-container' href='https://forensic-architecture.org'>
           <img className='cover-logo' src={logo} />
         </a>
         <div className='cover-content'>
diff --git a/src/scss/common.scss b/src/scss/common.scss
index 2a837f8..c828313 100644
--- a/src/scss/common.scss
+++ b/src/scss/common.scss
@@ -15,7 +15,7 @@ body {
 }
 
 h1 {
-  font-family: Helvetica, serif;
+  font-family: 'Lato', Helvetica, serif;
 }
 
 h2 {
diff --git a/src/scss/cover.scss b/src/scss/cover.scss
index 9fc714d..7bb9ead 100644
--- a/src/scss/cover.scss
+++ b/src/scss/cover.scss
@@ -18,8 +18,18 @@
 }
 
 .cover-logo {
-  margin-top: 30px;
+  margin-top: 10px;
   width: 200px;
+
+}
+@media only screen and (max-width: 992px) {
+.cover-logo-container {
+  display: flex;
+  justify-content: center;
+}
+.fullscreen-bg__video {
+  display: none;
+}
 }
 
 .fullscreen-bg {
@@ -43,9 +53,6 @@
   height: 100vh;
   -webkit-filter: contrast(70%) brightness(70%) grayscale(100%);
   filter: contrast(70%) brightness(70%) grayscale(100%);
-  @media only screen and (max-width: 992px) {
-    display: none;
-  }
 }
 
 .default-cover-container {