Added css to make calendar embed scale well on mobile.

Author: NotoriousRebel

events.html

@@ -33,7 +33,24 @@ <h3>{{ event.name }}</h3>
 <br />
 <br />
 {% endfor %}
-<div style="text-align: center;">
+
+<style>
+  .responsiveCal {
+    position: relative;
+    padding-bottom: 75%;
+    height: 0;
+    overflow: hidden;
+  }
+  .responsiveCal iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+
+<div style="text-align: center;" , class="responsiveCal">
   <iframe
     src="https://calendar.google.com/calendar/b/1/embed?height=600&amp;wkst=1&amp;bgcolor=%23e69138&amp;ctz=America%2FNew_York&amp;src=cml0c2VjY2x1YkBnbWFpbC5jb20&amp;src=ZW4udXNhI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&amp;color=%2322AA99&amp;color=%231F753C&amp;title=RITSEC%20Spring%202020"
     style="border:solid 1px #777"