diff --git a/map.css b/map.css
index b8c6880..c1d67d8 100644
--- a/map.css
+++ b/map.css
@@ -114,6 +114,16 @@ table {
     }
 }
 
+@media screen and (max-width: 800px) {
+    #schamper {
+        width: 90px;
+    }
+
+    #zeus {
+        width: 75px;
+    }
+}
+
 @media screen and (max-height: 400px) {
     .leaflet-popup-content-wrapper {
         max-height: 150px;
diff --git a/map.html b/map.html
index f13a85f..15639e2 100644
--- a/map.html
+++ b/map.html
@@ -92,9 +92,9 @@
     </div>
   </script>
   <script id="info-template" type="text/x-handlebars-template">
-    <a href="http://schamper.be/"><img src='schamper.png'></a>
+    <a href="http://schamper.be/"><img id="schamper" src='schamper.png'></a>
     <div style="padding-left: 5px"></div>
-    <a href="http://zeus.ugent.be/"><img src='zeus.png' style="float: right;"></a>
+    <a href="http://zeus.ugent.be/"><img id="zeus" src='zeus.png' style="float: right;"></a>
   </script>
   <script id="share-template" type="text/x-handlebars-template">
     <div class="fb-share-button" data-href="http://zeus.ugent.be/blok/" data-layout="button_count"></div>