Merge pull request #69 from smiller171/gh-pages

fix mobile

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;
-}
+}
+
+/* Fix for download buttons on narrow screens */
+:not(.header) + .row.center {
+  margin-top: -20px;
+}
+.row.center > :not(.header) {
+  margin-top: 20px;
+}

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>