diff --git a/_includes/shelter_map.html b/_includes/shelter_map.html
index d7d5e44..5fadc5f 100644
--- a/_includes/shelter_map.html
+++ b/_includes/shelter_map.html
@@ -2,21 +2,33 @@
     <div id="map">
     </div>
     <div class="shelter-map_info">
-        <div class="map-controls">
+        <div class="shelter-map-controls">
+            <div id="ShelterSearch" class="field has-addons search-wrapper">
+                <div class="control">
+                    <input class="input" type="text" id="ShelterSearchInput" placeholder="Search Shelters" >
+                </div>
+                <a class="control">
+                    <button class="button is-danger" onclick="clearSearch();">X</button>
+                </a>
+            </div>
             <button id="ShelterFilterToggle" class="button is-info is-small" onclick="toggleFiltersVisibility();">
                 <svg id="icon-filter" viewBox="0 0 32 32" aria-label="filter icon">
                     <path d="M16 0c-8.837 0-16 2.239-16 5v3l12 12v10c0 1.105 1.791 2 4 2s4-0.895 4-2v-10l12-12v-3c0-2.761-7.163-5-16-5zM2.95 4.338c0.748-0.427 1.799-0.832 3.040-1.171 2.748-0.752 6.303-1.167 10.011-1.167s7.262 0.414 10.011 1.167c1.241 0.34 2.292 0.745 3.040 1.171 0.494 0.281 0.76 0.519 0.884 0.662-0.124 0.142-0.391 0.38-0.884 0.662-0.748 0.427-1.8 0.832-3.040 1.171-2.748 0.752-6.303 1.167-10.011 1.167s-7.262-0.414-10.011-1.167c-1.24-0.34-2.292-0.745-3.040-1.171-0.494-0.282-0.76-0.519-0.884-0.662 0.124-0.142 0.391-0.38 0.884-0.662z"></path>
                 </svg>
-                Filters</button>
+                Filters
+            </button>
         </div>
-        <ul id="ShelterFiltersUL" class="filters tabs">
-            <!--<li class="filter-item" id="ShelterFilter_All" onclick="onFilterClick(this.id)">All</li>-->
-            <!--<li class="filter-item" id="ShelterFilter_Accepting" onclick="onFilterClick(this.id)">Accepting</li>-->
-            <li class="filter-item" id="ShelterFilter_SpecialNeeds" onclick="onFilterClick(this.id)">Special Needs</li>
-            <li class="filter-item" id="ShelterFilter_PetsOK" onclick="onFilterClick(this.id)">Pets allowed</li>
-            <!--<li class="filter-item" id="ShelterFilter_SuppliesNeeded" onclick="onFilterClick(this.id)">Supplies Needed</li>-->
-            <!--<li class="filter-item" id="ShelterFilter_VolunteersNeeded" onclick="onFilterClick(this.id)">Volunteers Needed</li>-->
-        </ul>
+        <div class="filter-viewBox">
+            <ul id="ShelterFiltersUL" class="filters tabs">
+                <!--<li class="filter-item" id="ShelterFilter_All" onclick="onFilterClick(this.id)">All</li>-->
+                <!--<li class="filter-item" id="ShelterFilter_Accepting" onclick="onFilterClick(this.id)">Accepting</li>-->
+                <li class="filter-item" id="ShelterFilter_SpecialNeeds" onclick="onFilterClick(this.id)">Special Needs</li>
+                <li class="filter-item" id="ShelterFilter_PetsOK" onclick="onFilterClick(this.id)">Pets Allowed</li>
+                <!--<li class="filter-item" id="ShelterFilter_SuppliesNeeded" onclick="onFilterClick(this.id)">Supplies Needed</li>-->
+                <!--<li class="filter-item" id="ShelterFilter_VolunteersNeeded" onclick="onFilterClick(this.id)">Volunteers Needed</li>-->
+            </ul>
+        </div>
+        <ul id="SearchResultsList"></ul>
     </div>
 </div>
 <div id="ShelterMapLegend">
@@ -39,15 +51,43 @@
         </li>
     </ul>
 </div>
+<script src="https://unpkg.com/lunr/lunr.js"></script>
+
+<script src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.min.js'></script>
+<link rel='stylesheet' href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.3.0/mapbox-gl-geocoder.css' type='text/css' />
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/5.4.3/Rx.js"></script>
+
 <script>
     window.shelters = null;
     let sheltersShown = [];
     let currentFilterActions = [];
+    let currentPopup;
 
     const SHELTER_API = 'https://hurricane-florence-api.herokuapp.com/api/v1/shelters';
     // const SHELTER_API  = 'https://irma-api.herokuapp.com/api/v1/shelters';
     const MAP_LOAD_CENTER = [-84.9832, 29.7258];
 
+    const onSearchInput$ = Rx.Observable.fromEvent(
+        document.getElementById('ShelterSearchInput'),
+        'keyup'
+    );
+
+    onSearchInput$
+        .debounceTime(1000)
+        .subscribe(res => {
+            if (!res.target.value) {
+                clearSearch()
+            } else {
+                const results = searchShelters(res.target.value);
+                renderSearchResults(results)
+            }
+        });
+
+    /**
+     *  Map Init
+     */
+
     mapboxgl.accessToken = '{{site.mapbox_access_token}}';
 
     var map = new mapboxgl.Map({
@@ -57,101 +97,138 @@
         zoom: 7.3
     });
     var oReq = new XMLHttpRequest();
-    oReq.onload = function (e) {
-        if (!(e && e.target && e.target.response && e.target.response.shelters))
-            return console.error('error fetching shelter JSON');
-        window.shelters = sheltersShown = e.target.response.shelters;
-        populateMarkers(sheltersShown);
-    };
+    oReq.onload = onShelterFetch;
     oReq.open('GET', SHELTER_API, true);
     oReq.responseType = 'json';
     oReq.send();
     var navControl = new mapboxgl.NavigationControl();
     map.addControl(navControl, 'bottom-right');
     map.addControl(new mapboxgl.GeolocateControl({
-        className: 'control-geolocate',
         positionOptions: {
             enableHighAccuracy: true
         },
         trackUserLocation: true
     }));
 
+
     /**
-     * Builds a HTML template (Popup) from a shelter object.
+     * Search
+     */
+
+    /**
+     * builds a searchable lunr index from an array of documents.
      *
-     * @params shelter
-     * @returns {string}
+     * @param documents
+     * @return {*}
      */
-    function popupTemplate(shelter) {
+    function buildIndex(documents) {
+        return lunr(function () {
+            this.ref('id');
+            this.field('shelter');
+            this.field('address');
+            this.field('county');
+            this.field('zip');
+            this.field('city');
+
+            documents.forEach(function (doc) {
+                this.add(doc)
+            }, this)
+        });
+    }
 
-        const phoneLink = `
-            <div class="phone">
-                <svg id="icon-phone" height="32px" viewBox="0 0 32 32" aria-label="phone icon">
-                    <path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path>
-                </svg>
-                <div class="phone-details" aria-label="shelter phone number">
-                    <a class="phone" role="link" href="tel:${shelter.cleanPhone}">${shelter.phone}</a>
-                </div>
-            </div>
-        `;
+    /**
+     * takes in a query string and outputs an array of shelters
+     *
+     * @param query
+     * @param fuzz
+     * @returns {shelters}
+     */
+    function searchShelters(query, fuzz = 1) {
+        query = query
+            .replace(' ', `~${fuzz} `);
+        if (query[-1] !== ' ') {
+            query = query.concat(`~${fuzz}`);
+        }
+        const index = buildIndex(sheltersShown);
+        const matches = index.search(query);
+        const matchedIds = matches.map(match => match.ref);
+        return shelters.filter(shelter => {
+            for (let id of matchedIds) {
+                if (+id === +shelter.id) {
+                    return true;
+                }
+            }
+            return false;
+        });
+    }
 
-        const address = `
-            <div class="address">
-                <svg id="icon-address" height="32px" viewBox="0 0 32 32" aria-label="address icon">
-                    <path d="M0 32h16v-32h-16v32zM10 4h4v4h-4v-4zM10 12h4v4h-4v-4zM10 20h4v4h-4v-4zM2 4h4v4h-4v-4zM2 12h4v4h-4v-4zM2 20h4v4h-4v-4zM18 10h14v2h-14zM18 32h4v-8h6v8h4v-18h-14z"></path>
-                </svg>
-                <div class="address-details" aria-label="address details">
-                    ${isFullAddress(shelter) ? shelter.address : shelterAddressToString(shelter)}
-                </div>
-            </div>
-        `;
+    /**
+     * puts the search results on the screen
+     *
+     * @param results
+     * @returns {void}
+     */
 
-        const note = `
-            <div class="note">
-                <label><strong>Note:</strong></label>
-                <div class="note-details" aria-label="Notes for shelter">
-                    ${urlsToAnchors(shelter.notes)}
-                </div>
-            </div>
-        `;
+    function renderSearchResults(results) {
+        let template = ``;
+        const resultsRef = document.getElementById('SearchResultsList');
+        for (let result of results) {
+            template += searchResultTemplate(result);
+        }
+        resultsRef.innerHTML = template;
+    }
 
-        const petsNote = `
-            <div class="note">
-                <label><strong>Pets:</strong></label>
-                <div class="note-details" aria-label="Notes for shelter pets policy">
-                    ${urlsToAnchors(shelter.pets_notes)}
-                </div>
-            </div>
-        `;
+    /**
+     * clears search bar and removes the search results list.
+     *
+     * @returns {void}
+     */
+    function clearSearch() {
+        document.getElementById('ShelterSearchInput').value = '';
+        document.getElementById('SearchResultsList').innerHTML = '';
+    }
 
-        return `
-            <header class="popup-header">
-                <p class="is-size-4 has-text-centered">${shelter.shelter}</p>
-            </header>
-            <div class="shelter-details">
-                <div class="content is-size-6 has-text-left">
-                    ${!!shelter.address ? address : ``}
-                    ${isPhone(shelter) ? phoneLink : ``}
-                    <div class="controls">
-                        ${!!shelter.address
-            ? `
-                            <a class="directions button is-link" target="_blank" href="https://www.google.com/maps/dir/current+location/${encodeURIComponent(shelterAddressToString(shelter))}" aria-label="Get directions button">
-                                <svg id="icon-directions" height="100%" viewBox="0 0 32 32" aria-label="directions icon">
-                                    <path d="M17 32c-0.072 0-0.144-0.008-0.217-0.024-0.458-0.102-0.783-0.507-0.783-0.976v-15h-15c-0.469 0-0.875-0.326-0.976-0.783s0.129-0.925 0.553-1.123l30-14c0.381-0.178 0.833-0.098 1.13 0.199s0.377 0.749 0.199 1.13l-14 30c-0.167 0.358-0.524 0.577-0.906 0.577zM5.508 14h11.492c0.552 0 1 0.448 1 1v11.492l10.931-23.423-23.423 10.931z"></path>
-                                </svg>
-                                <div class="separator"></div>
-                                <label>Directions</label>
-                            </a>
-                        `
-            : ``}
-                    </div>
-                    ${!!shelter.notes ? note : ``}
-                    ${!!shelter.pets_notes ? petsNote : ``}
-                </div>
-            </div>
-        `;
+    /**
+     * positions map and opens a popup for that shelter location
+     *
+     * @param lng
+     * @param lat
+     * @param shelterId
+     * @return {void}
+     */
+    function moveTo(lng, lat, shelterId){
+        map.flyTo({
+            center: [+lng, +lat],
+            zoom: 9
+        });
+        for ( let shelter of sheltersShown) {
+            if (+shelter.id === +shelterId) {
+                const popup = new mapboxgl.Popup({
+                    offset: 25,
+                    className: 'shelter-popup'
+                });
+                if (currentPopup) {
+                    currentPopup.remove();
+                }
+                currentPopup = popup;
+                popup.setLngLat([shelter.longitude, shelter.latitude])
+                    .setHTML(popupTemplate(shelter))
+                    .addTo(map);
+            }
+        }
     }
 
+    /**
+     *  /End Search
+     */
+
+    function onShelterFetch(e) {
+        if (!(e && e.target && e.target.response && e.target.response.shelters)) {
+            return console.error('error fetching shelter JSON');
+        }
+        window.shelters = sheltersShown = e.target.response.shelters;
+        populateMarkers(sheltersShown);
+    }
 
     /**
      * https://github.com/hurricane-response/florence-api/issues/53
@@ -243,8 +320,8 @@
      *
      * Note: sh3lters is spelled this way to prevent window object collision.
      *
-     * @param sh3lters
-     * @return void
+     * @param sh3lters : shelter
+     * @return {void}
      */
     function populateMarkers(sh3lters) {
         sheltersShown.forEach(shelter => {
@@ -256,13 +333,13 @@
         for (let i = 0; i < sheltersShown.length; i++) {
             const el = document.createElement('div');
             el.className = 'marker';
-            const popup = new mapboxgl.Popup({
+            sheltersShown[i].popup = new mapboxgl.Popup({
                 offset: 25,
                 className: 'shelter-popup'
             }).setHTML(popupTemplate(sheltersShown[i]));
             sheltersShown[i].marker = new mapboxgl.Marker(el)
                 .setLngLat([sheltersShown[i].longitude, sheltersShown[i].latitude])
-                .setPopup(popup)
+                .setPopup(sheltersShown[i].popup)
                 .addTo(map);
         }
     }
@@ -271,6 +348,11 @@
      * Filters
      */
 
+    /**
+     * shows/hides the filter options
+     *
+     * @returns{void}
+     */
     function toggleFiltersVisibility() {
         const filtersRef = document.getElementById('ShelterFiltersUL');
         const filtersButtonRef = document.getElementById('ShelterFilterToggle');
@@ -285,6 +367,12 @@
         }
     }
 
+    /**
+     * activates the filter button and reduces the shownShelters to an accumulated filter conditions.
+     *
+     * @param id : number
+     * @returns {void}
+     */
     function onFilterClick(id) {
         const filterButtonRef = document.getElementById(id);
         const action = id.split('_')[1];
@@ -292,24 +380,14 @@
         if (filterButtonRef.className.match('active') ) {
             currentFilterActions = currentFilterActions.filter(val => val !== action);
             if (!ifIsAll()) {
-                const nextSheltersShown = currentFilterActions.reduce((nextShown, action) => {
-                    return nextShown = filterReducer(nextShown, action);
-                }, shelters);
-
-                populateMarkers(nextSheltersShown);
-
+                filterRenderMarkersByActions(currentFilterActions);
             }
             filterButtonRef.className = filterButtonRef.className.replace(' active', '');
 
         } else {
             currentFilterActions = [action, ...currentFilterActions];
             if (!ifIsAll()) {
-                const nextSheltersShown = currentFilterActions.reduce((nextShown, action) => {
-                    return nextShown = filterReducer(nextShown, action);
-                }, shelters);
-
-                populateMarkers(nextSheltersShown);
-
+                filterRenderMarkersByActions(currentFilterActions);
             }
             filterButtonRef.className = filterButtonRef.className.concat(' active');
         }
@@ -323,6 +401,31 @@
         }
     }
 
+    /**
+     * reduces the shownShelters relative filter actions
+     *
+     * @param actions : string[]
+     * @returns {void}
+     */
+    function filterRenderMarkersByActions(actions) {
+        const nextSheltersShown = actions.reduce((nextShown, action) => {
+            return nextShown = filterReducer(nextShown, action);
+        }, shelters);
+
+        const query = document.getElementById('ShelterSearchInput').value;
+        populateMarkers(nextSheltersShown);
+        if (query.length !== 0) {
+            renderSearchResults(searchShelters(query));
+        }
+    }
+
+    /**
+     * Used to filter the current showing shelters by a filter action which is the second half of the filters html id
+     *
+     * @param current {sheltersShown}
+     * @param action {string}
+     * @returns sheltersShown
+     */
     function filterReducer(current, action) {
         switch(action) {
             case'All':
@@ -344,15 +447,93 @@
     }
 
     /**
-     * Legend Controls
+     * generates a list item for the search results list
+     *
+     * @param props: shelter
+     * @returns {string}
      */
+    function searchResultTemplate(props) {
+        return `
+            <li class="search-result_item" onclick="moveTo(${props.longitude}, ${props.latitude}, ${props.id})">
+                <div class="search-result_name"><bold>${props.shelter}</bold></div>
+                <div class="search-result_address"><small>${isFullAddress(props) ? props.address : shelterAddressToString(props)}</small></div>
+           </li>
+        `;
+    }
 
-    function toggleLegend() {
-        const legendRef = document.getElementById('LegendDetails');
-        if (legendRef.className.match('visible')) {
-            legendRef.className = legendRef.className.replace(' visible', '');
-        } else {
-            legendRef.className = legendRef.className.concat(' visible');
-        }
+    /**
+     * Builds a HTML template (Popup) from a shelter object.
+     *
+     * @params shelter
+     * @returns {string}
+     */
+    function popupTemplate(shelter) {
+
+        const phoneLink = `
+            <div class="phone">
+                <svg id="icon-phone" height="32px" viewBox="0 0 32 32" aria-label="phone icon">
+                    <path d="M22 20c-2 2-2 4-4 4s-4-2-6-4-4-4-4-6 2-2 4-4-4-8-6-8-6 6-6 6c0 4 4.109 12.109 8 16s12 8 16 8c0 0 6-4 6-6s-6-8-8-6z"></path>
+                </svg>
+                <div class="phone-details" aria-label="shelter phone number">
+                    <a class="phone" role="link" href="tel:${shelter.cleanPhone}">${shelter.phone}</a>
+                </div>
+            </div>
+        `;
+
+        const address = `
+            <div class="address">
+                <svg id="icon-address" height="32px" viewBox="0 0 32 32" aria-label="address icon">
+                    <path d="M0 32h16v-32h-16v32zM10 4h4v4h-4v-4zM10 12h4v4h-4v-4zM10 20h4v4h-4v-4zM2 4h4v4h-4v-4zM2 12h4v4h-4v-4zM2 20h4v4h-4v-4zM18 10h14v2h-14zM18 32h4v-8h6v8h4v-18h-14z"></path>
+                </svg>
+                <div class="address-details" aria-label="address details">
+                    ${isFullAddress(shelter) ? shelter.address : shelterAddressToString(shelter)}
+                </div>
+            </div>
+        `;
+
+        const note = `
+            <div class="note">
+                <label><strong>Note:</strong></label>
+                <div class="note-details" aria-label="Notes for shelter">
+                    ${urlsToAnchors(shelter.notes)}
+                </div>
+            </div>
+        `;
+
+        const petsNote = `
+            <div class="note">
+                <label><strong>Pets:</strong></label>
+                <div class="note-details" aria-label="Notes for shelter pets policy">
+                    ${urlsToAnchors(shelter.pets_notes)}
+                </div>
+            </div>
+        `;
+
+        return `
+            <header class="popup-header">
+                <p class="is-size-4 has-text-centered">${shelter.shelter}</p>
+            </header>
+            <div class="shelter-details">
+                <div class="content is-size-6 has-text-left">
+                    ${!!shelter.address ? address : ``}
+                    ${isPhone(shelter) ? phoneLink : ``}
+                    <div class="controls">
+                        ${!!shelter.address
+            ? `
+                            <a class="directions button is-link" target="_blank" href="https://www.google.com/maps/dir/current+location/${encodeURIComponent(shelterAddressToString(shelter))}" aria-label="Get directions button">
+                                <svg id="icon-directions" height="100%" viewBox="0 0 32 32" aria-label="directions icon">
+                                    <path d="M17 32c-0.072 0-0.144-0.008-0.217-0.024-0.458-0.102-0.783-0.507-0.783-0.976v-15h-15c-0.469 0-0.875-0.326-0.976-0.783s0.129-0.925 0.553-1.123l30-14c0.381-0.178 0.833-0.098 1.13 0.199s0.377 0.749 0.199 1.13l-14 30c-0.167 0.358-0.524 0.577-0.906 0.577zM5.508 14h11.492c0.552 0 1 0.448 1 1v11.492l10.931-23.423-23.423 10.931z"></path>
+                                </svg>
+                                <div class="separator"></div>
+                                <label>Directions</label>
+                            </a>
+                        ` : ``}
+                    </div>
+                    ${!!shelter.notes ? note : ``}
+                    ${!!shelter.pets_notes ? petsNote : ``}
+                </div>
+            </div>
+        `;
     }
+
 </script>
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
index 5ce5811..835f15f 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -16,12 +16,14 @@
         </div>
     </div>
     <section class="hero is-large">
-
-        <div class="container">
+        <div class="container shelter-map">
             <h1 class="title is-centered">Hurricane Michael Response</h1>
-            {% include shelter_map.html %}
         </div>
     </section>
+
+    <div class="map-wrapper">
+        {% include shelter_map.html %}
+    </div>
     <main role="main">
         <section class="section">
             <div class="container is-fluid">
diff --git a/_sass/_shelter-map.scss b/_sass/_shelter-map.scss
index 11610da..7be687c 100644
--- a/_sass/_shelter-map.scss
+++ b/_sass/_shelter-map.scss
@@ -22,23 +22,40 @@ $map-height: 90vh;
 }
 
 #map-container {
-  overflow: hidden;
+  max-height: $map-height;
+
+  #map {
+    height: 100%;
+  }
 }
 
 #map-container.shelter-map_container #map {
-  min-height: $map-height;
-  max-height: $map-height;
+  height: $map-height;
+  margin-bottom: 0;
+
 }
 
 .shelter-map_info {
   position: absolute;
   top: 10px;
+  right: 138px;
   left: 10px;
   height: 0;
 }
+.shelter-map-controls {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+}
+
 
 // Geolocate Control
 
+
+.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
+  margin: 12px 10px 0 0;
+}
+
 .mapboxgl-ctrl-top-right div {
   position: relative;
   overflow: visible;
@@ -62,8 +79,10 @@ $map-height: 90vh;
   transform: translateX(-100%);
 }
 
+
 // Filter Controls
 
+
 #ShelterFilterToggle, #geolocate {
 
   &.active {
@@ -77,19 +96,31 @@ $map-height: 90vh;
   }
 }
 
+#ShelterFilterToggle {
+  width: 80px;
+}
+
+.filter-viewBox {
+  overflow: hidden;
+  width: 80px;
+}
+
 #ShelterFiltersUL {
   list-style: none;
+  position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   flex-wrap: wrap;
-  max-width: 50vw;
-  transform: translateX(-200%);
+  max-width: 80px;
+  transform: translateY(-200%);
   transition: all ease-in-out 0.4s;
+
   li {
     white-space: normal;
     size: 0.7em;
   }
+
   li, li:focus {
     background: rgba(255, 255, 255, 0.8);
     padding: 10px 10px;
@@ -110,9 +141,51 @@ $map-height: 90vh;
 }
 
 
-/**
- MAP LEGEND
- */
+// Search
+
+
+#ShelterSearch {
+  width: 100%;
+
+  & .control {
+    width: 100%;
+  }
+
+  & a {
+    max-width: 36px;
+  }
+
+
+}
+
+#SearchResultsList {
+  position: absolute;
+  top: 47px;
+  left: 88px;
+  max-height: 200px;
+  overflow: auto;
+  background: rgba(245, 245, 245, 0.87);
+  padding: 0 3px;
+  right: 8px;
+  box-shadow: inset 0px -13px 34px -16px rgba(0,0,0,1);
+}
+
+.search-result_item {
+  cursor: pointer;
+  display: flex;
+  flex-wrap: wrap;
+  background: rgba(195, 243, 255, 0.42);
+  margin-bottom: 4px;
+  padding: 6px;
+
+  div {
+    padding: 0 6px;
+  }
+}
+
+
+// Map Legend
+
 
 #ShelterMapLegend {
   max-width: 100vw;
@@ -168,4 +241,22 @@ $map-height: 90vh;
   &.evacuation-color {
     background: $evacuation-route-color;
   }
+}
+
+
+// Responsive
+
+
+@media (max-width: 480px) {
+  .mapboxgl-ctrl-top-right div::after {
+    display: none;
+  }
+
+  .shelter-map_info {
+    right: 48px;
+  }
+
+  #SearchResultsList {
+    right: -40px;
+  }
 }
\ No newline at end of file