fix small device image sizes

Author: ShMcK

_includes/modal.html

@@ -4,6 +4,6 @@
   </div>
   <div class="modal-content">
 		<h3>{{include.title}}</h3>
-    <img alt="{{include.title}}" height="450px" width="800px" src="#" />
+    <img alt="{{include.title}}" class="modal-image" height="450px" width="800px" src="#" />
   </div>
 </div>

_sass/_custom.scss

@@ -1,3 +1,7 @@
+.spotlight > .code-block {
+  padding: 10px;
+}
+
 .wide {
   padding-top: 75px;
   padding-bottom: 75px;
@@ -23,7 +27,7 @@ a.smooth:hover {
 
 .doc-image {
   border-radius: 3px;
-  max-width: 1024px;
+  max-width: 90%;
 }
 
 .edit-docs {

_sass/_modal.scss

@@ -27,7 +27,3 @@ a.modal-link:before {
 a.modal-link:hover:before {
   opacity: .65;
 }
-
-.spotlight > .code-block {
-  padding: 10px;
-}