diff --git a/public/css/style.css b/public/css/style.css
index d33016b..3483107 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -22,6 +22,8 @@ div.header {display: block; position: absolute; top: 0px; left: 40px; z-index: 1
 div.header img {height: 99px;}
 div.add {cursor: pointer;}
 
+.fotorama {display: inline-block;}
+
 #addPointModal .extraImage .button {cursor: pointer; background-color: #eeeeee;}
 #addPointModal .extraImage .remove:hover {background-color: #f4bfbf;}
 #addPointModal .extraImage .add:hover {background-color: #bff4c8;}
@@ -83,4 +85,53 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
 #suggestContainer > div.hover {background-color: #eee;}
 
 /* ------------- PAGE --------------------*/
-.coords-container {text-align: right; margin-bottom: 20px; color: #777;font-size: 0.9em;}
\ No newline at end of file
+.coords-container {text-align: right; margin-bottom: 20px; color: #777;font-size: 0.9em;}
+
+
+
+/* -------------------------------------------*/
+/* ------------- ADAPTIVE --------------------*/
+/* -------------------------------------------*/
+
+/* Target landscape smartphones, portrait tablets, narrow desktops */
+@media screen and (max-width:1000px) {
+    .modal-dialog {
+        width: 100%!important;
+        height: 100%!important;
+        margin: 0!important;
+    }
+    .modal-content {
+        width: 100%!important;
+        height: 100%!important;
+        /*margin: 0!important;*/
+    }
+    
+    .modal-header {
+        border: none!important;
+        margin-bottom: -47px!important;
+    }
+    .modal-header .close {
+        font-size: 40px!important;
+        position: absolute!important;
+        z-index: 10!important;
+        right: 10px!important;
+        top: 0px!important;
+    }
+    .modal-header h4 {
+        display: none!important;
+    }
+    .modal-body {
+        padding: 3px!important;
+        margin: 0!important;
+    }
+}
+
+/* Target landscape smartphones, portrait tablets, narrow desktops */
+@media screen and (max-width:768px) {
+/*    .leaflet-popup {
+        width: 100%!important;
+        height: 100%!important;
+        margin: 0!important;
+    }*/
+}
+
diff --git a/public/img/mapThumb.png b/public/img/mapThumb.png
new file mode 100644
index 0000000..590206e
Binary files /dev/null and b/public/img/mapThumb.png differ