correct scrolling

src/components/TemplateCover.js

@@ -117,9 +117,6 @@ 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 ? (
@@ -136,6 +133,9 @@ 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>
           {

src/scss/cover.scss

@@ -17,21 +17,18 @@
   }
 }
 
-.cover-logo {
-  margin-top: 10px;
-  width: 200px;
-
-}
-@media only screen and (max-width: 992px) {
 .cover-logo-container {
+  width: 100%;
   display: flex;
   justify-content: center;
 }
-.fullscreen-bg__video {
-  display: none;
-}
+
+.cover-logo {
+  margin-top: 10px;
+  width: 200px;
 }
 
+
 .fullscreen-bg {
   &.hidden {
     top: -100%;
@@ -53,6 +50,9 @@
   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 {