mobile-friendly and youtube vid nice

index.html

@@ -15,6 +15,7 @@
     }
 
     .headerimg {
+      width: 100%;
       max-width: 900px;
       margin: auto;
       display: block;
@@ -98,6 +99,7 @@
     }
 
     img {
+      width: 100%;
       max-width: 500px;
       border-radius: 3px;
     }
@@ -119,10 +121,45 @@
       text-decoration: none;
     }
 
+    iframe {
+        width: 100%;
+        height: 300px;
+    }
+
     @media (max-width: 600px) {
       p {
         font-size: 16px;
       }
+
+      .leftheader {
+        font-size: 24px;
+      }
+
+      .press {
+        font-size: 18px;
+      }
+
+      .maincontain {
+        margin-top: 30px;
+      }
+
+      .final {
+       margin-bottom: 40px;
+    }
+
+    iframe {
+        height: 250px;
+    }
+    }
+
+    @media (max-width: 510px) {
+    iframe {
+        height: 200px;
+    }
+
+    .maincontain {
+        padding: 20px;
+    }
     }
 
   </style>
@@ -165,14 +202,10 @@ <h2 class="leftheader">Past events</h2>
     <h3>You can find games people made at our gamejams on our <a class="blue" href="https://gamedevsoc.itch.io">itch.io page</a>!</h3>
     <h2>JAM SANDWICH</h2>
     <h3 class="desc">25.02.17 - 25.02.17</h3>
-        <div class="embed-responsive embed-responsive-16by9">
-            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/?listType=playlist&list=PLhR_KR4_8GfchWqQSrWigR0qcdtWpy9H1"></iframe>
-        </div>
+        <iframe src="https://www.youtube.com/embed/?listType=playlist&list=PLhR_KR4_8GfchWqQSrWigR0qcdtWpy9H1"></iframe>
     <h2>CHILLJAM</h2>
     <h3 class="desc">12.11.16</h3>
-        <div class="embed-responsive embed-responsive-16by9">
-            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/WHHMHY8LX0Y"></iframe>
-        </div>
+        <iframe src="https://www.youtube.com/embed/WHHMHY8LX0Y"></iframe>
   </div>
 
   <div class="maincontain align-center">