From ce16b01759a46b0e91bf5873d2eeb046681adbc3 Mon Sep 17 00:00:00 2001
From: Scott Miller <scott@millergeek.xyz>
Date: Mon, 25 Feb 2019 14:28:33 +0000
Subject: [PATCH 1/2] fix mobile

---
 css/style.css | 26 +++++++++-----------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/css/style.css b/css/style.css
index 4fa3c90..2a60cfc 100644
--- a/css/style.css
+++ b/css/style.css
@@ -29,22 +29,6 @@ p {
     width: 100%;
   }
 
-@media only screen and (max-width : 992px) {
-  .parallax-container .section {
-    position: absolute;
-    top: 40%;
-  }
-  #index-banner .section {
-    top: 10%;
-  }
-}
-
-@media only screen and (max-width : 600px) {
-  #index-banner .section {
-    top: 0;
-  }
-}
-
 .icon-block {
   padding: 0 15px;
 }
@@ -54,4 +38,12 @@ p {
 
 footer.page-footer {
   margin: 0;
-}
\ No newline at end of file
+}
+
+/* Fix for download buttons on narrow screens */
+:not(.header) + .row.center {
+  margin-top: -20px;
+}
+.row.center > :not(.header) {
+  margin-top: 20px;
+}

From b94df81ea82d0d50d67d91374cc1e9bc57e290dc Mon Sep 17 00:00:00 2001
From: Scott Miller <scott@millergeek.xyz>
Date: Mon, 25 Feb 2019 14:51:39 +0000
Subject: [PATCH 2/2] fix video width

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 13b2e7b..dd0d293 100644
--- a/index.html
+++ b/index.html
@@ -98,7 +98,7 @@
       <div class="section">
           <div class="row center">
              <p> Here's a Video from CriticalComposer that explains GloSC a bit more</p> 
-             <iframe width="720" height="415" src="https://www.youtube-nocookie.com/embed/YAbOiol-2B8?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+             <iframe width="100%" max-width="720" height="415" src="https://www.youtube-nocookie.com/embed/YAbOiol-2B8?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
 
           </div>
       </div>