diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 7f88712..4520512 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -36,13 +36,14 @@ body {
 
 /* Google Map styles */
 #map {
-	height: 400px;
-	width: 100%;
+  height: 350px;
+  width: 100%;
+  margin-bottom: 1em;
 }
 
 /* Campground show page delete button */
 .delete-form {
-	display: inline-block;
+  display: inline-block;
 }
 
 /* Flexbox grid fix */
@@ -50,3 +51,9 @@ body {
   display:flex;
   flex-wrap: wrap;
 }
+
+@media screen and (min-width: 992px) {
+  #map {
+   height: 250px;
+  }
+}
\ No newline at end of file
diff --git a/views/campgrounds/show.ejs b/views/campgrounds/show.ejs
index c4a679d..d09d0f1 100644
--- a/views/campgrounds/show.ejs
+++ b/views/campgrounds/show.ejs
@@ -41,7 +41,6 @@
           <span class="pull-right"><%= moment(comment.createdAt).fromNow() %></span>
           <div>
            <%= comment.text %> 
-
            <% if(currentUser && comment.author.id.equals(currentUser._id)){ %>
             <div class="pull-right">
               <a href="/campgrounds/<%=campground._id%>/comments/<%=comment._id%>/edit" class="btn btn-xs btn-warning">EDIT</a>
@@ -58,7 +57,9 @@
   </div>
 </div>
 </div>
-<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBkG51lwJtDvYFKTBdRZlhzYg1D4QFsXPU&callback=initMap"></script>
+<script async defer
+    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyArh3fu23-61oj3iYKnJmKEDoiFdxBxzlM&callback=initMap">
+    </script>
 <script>
   function initMap() {
     var lat = <%= campground.lat %>;
@@ -85,7 +86,6 @@
       infowindow.open(map, marker);
     });
   }
-
   window.onload = initMap;
 </script>
 <% include ../partials/footer %>
\ No newline at end of file