Improve responsiveness of header video

diff --git a/css/app.css b/css/app.css
index d2aff52..c63eaa5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6815,8 +6815,12 @@ header#page-header {
       header#page-header #sec-nav > ul > li:first-child:before {
         content: none; }
 
-#sm-logo img {
-  padding-top: 20px; }
+#sm-logo {
+  float: left;
+  background: black;
+  padding: 0 20px 20px; }
+  #sm-logo img {
+    padding-top: 20px; }
 
 ul#sec-nav {
   display: inline-block;
@@ -6845,6 +6849,10 @@ ul#sec-nav {
   z-index: 6 !important;
   display: none; }
 
+video {
+  width: 100%;
+  margin-bottom: 30px; }
+
 .contain-to-grid {
   box-shadow: 0 5px 10px -1px #999999; }
   .contain-to-grid .top-bar {

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index bf99358..10f8af7 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -176,6 +176,9 @@ header#page-header {
     img {
         padding-top: 20px;
     }
+    float: left;
+    background: black;
+    padding: 0 20px 20px;
 }
 ul#sec-nav {
     display: inline-block;
@@ -209,3 +212,7 @@ ul#sec-nav {
     z-index: 6 !important;
     display: none;
 }
+video {
+    width: 100%;
+    margin-bottom: 30px;
+}