Made some progress

index.html

@@ -114,14 +114,14 @@
 			}
 
 			/* Position map load spinner in the middle of the SVG */
-			.svgContainer {
+			#svgContainer {
 					position: relative;
 					display: inline-block;
 					flex-grow: 1;
-					height: 1000px;
+               max-width: 100%;
 			}
 
-			.svgContainer .mapLoadSpinner {
+			#svgContainer .mapLoadSpinner {
 					position: absolute;
 					top: 40%;
 					left: 40%;
@@ -181,6 +181,7 @@
 			@media only screen and (max-width: 768px) {
 					main {
 							flex-direction: column;
+                     align-items: stretch;
 					}
 			}
 
@@ -202,7 +203,7 @@
 		</noscript>
 		</section>
 
-		<section class="svgContainer">
+		<section id="svgContainer">
 			<div id="mapLoadSpinner" class="mapLoadSpinner"></div>
 		</section>
 		</main>