Responsiveness and coordinates

css/ds.css

@@ -44,7 +44,6 @@ td ul {
     padding-left: 0;
 }
 .report-container {
-    width: 75%;
     margin: 0 auto;
     background-color: #fff;
     padding: 1rem 1rem 3rem 1rem;
@@ -52,20 +51,20 @@ td ul {
 .mt-2 {
     margin-top: 2rem !important;
 }
-td.key {
-    min-width: 400px;
-}
 table.table td,
 table.table th {
     border: none;
 }
 #map {
-    height: 450px;
+    height: 500px;
 }
 #gallery img {
     max-height: 200px;
     min-height: 200px;
 }
+#coord span {
+    display: block;
+}
 
 /* Print styles */
 @media print {
@@ -78,3 +77,20 @@ table.table th {
         display: none;
     }
 }
+/* Responsiveness... */
+@media (min-width: 1652px) {
+    .report-container {
+        width: 75%;
+    }
+    td.key {
+        min-width: 400px;
+    }
+}
+@media (max-width: 1652px) {
+    .report-container {
+        width: 100%;
+    }
+    td.key {
+        min-width: 200px;
+    }
+}