font and logo correct

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'>

src/scss/common.scss

@@ -15,7 +15,7 @@ body {
 }
 
 h1 {
-  font-family: Helvetica, serif;
+  font-family: 'Lato', Helvetica, serif;
 }
 
 h2 {

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 {