add fa logo at top

src/components/TemplateCover.js

@@ -3,7 +3,7 @@ import { connect } from 'react-redux'
 import { Player } from 'video-react'
 import marked from 'marked'
 import MediaOverlay from './Overlay/Media'
-
+import logo from '../assets/fa-logo.png'
 const MEDIA_HIDDEN = -2
 
 /**
@@ -117,6 +117,7 @@ class TemplateCover extends React.Component {
     const { videos } = this.props.cover
     return (
       <div className='default-cover-container'>
+        <img className='cover-logo' src={logo} />
         <div className='cover-content'>
           {
             this.props.cover.bgVideo ? (
@@ -140,7 +141,6 @@ class TemplateCover extends React.Component {
               <h5>{this.props.cover.subsubtitle}</h5>
             ) : null
           }
-          <hr />
 
           {this.props.cover.featureVideo ? this.renderFeature() : null}
           <div className='hero thin'>

src/scss/cover.scss

@@ -17,6 +17,11 @@
   }
 }
 
+.cover-logo {
+  margin-top: 30px;
+  width: 200px;
+}
+
 .fullscreen-bg {
   &.hidden {
     top: -100%;
@@ -164,8 +169,8 @@
     overflow-y: auto;
     overflow-x: hidden;
     h1, h2, h3, h4, h5 { text-align: center; }
-    h1 { margin-bottom: -20px; }
-    h5 { margin-top: -10px; }
+    h1 { margin-bottom: -15px; margin-top: 30px; }
+    h5 { margin-top: -15px; }
 
     // mobile styles, remove overlay buttons
     @media only screen and (max-width: 992px) {