Added responsiveness

css/general.css

@@ -1240,14 +1240,15 @@ section {
 
 #cal-parent {
   display: flex;
-  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
 }
 
 #cal-container {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  width: 40%;
+  width: 440px;
   min-width: 400px !important;
   height: auto;
   justify-content: center;
@@ -1281,17 +1282,6 @@ section {
   background-color: #cc83148a;
 }
 
-@media (max-width: 1000px) {
-  .cal-card {
-    width: 50% !important;
-  }
-}
-@media (max-width: 700px) {
-  .cal-card {
-    width: 100% !important;
-  }
-}
-
 .cal-entry {
   display: flex;
   align-content: stretch;
@@ -1348,6 +1338,12 @@ section {
   margin-bottom: 7px;
 }
 
+@media (max-width: 487px) {
+  .event-entry {
+    height: auto;
+  }
+}
+
 .time-column {
   width: 35%;
   height: 100%;
@@ -1367,19 +1363,19 @@ section {
 
 .map-title {
   font-size: 25px;
-  margin-bottom: 10px;
+  margin: 10px 0;
 }
 
 #map-div {
-  width: 60%;
-  height: auto;
+  width: 660px;
+  height: 430px;
 }
 
 #map-container {
   border-radius: 10px;
   padding: 3px;
   width: 100%;
-  height: 91.5%;
+  height: 100%;
   border: 1px solid white;
   position: relative;
 }