Fix responsiveness

Author: lewisgoddard

examples.html

@@ -5,7 +5,7 @@
 
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
-		
+
 		<title>jQuery.leanModal2.js</title>
 
 		<script src="https://cdn.jsdelivr.net/g/jquery,jquery.equalize,jquery.downboy"></script>
@@ -92,14 +92,6 @@ <h2>Defaults</h2>
 				<h3 class="background-white button color-belize-hole display-block rounded">Defaults Example</h3>
 			</section>
 
-			<div id="defaults-example" class="background-white color-3 display-none modal rounded">
-				<h3>Hello!</h3>
-				<p>This is a modal using our defaults.</p>
-				<a href="#" class="color-pomegranate js-leanmodal-close">Close</a>
-			</div>
-
-			<script>$('.leanmodal-defaults').leanModal();</script>
-
 			<section class="whole smablet-half leanmodal-modified equalize" data-modal-id="#modified-example">
 				<h2>Modified</h2>
 				<code class="background-midnight-blue color-white rounded">$('.leanmodal').leanModal({
@@ -113,27 +105,37 @@ <h2>Modified</h2>
 				<h3 class="background-white button color-belize-hole display-block rounded">Modified Example</h3>
 			</section>
 
-			<div id="modified-example" class="background-white color-3 display-none modal rounded">
-				<h3>Hello!</h3>
-				<p>This is a modal using all the options.</p>
-				<a href="#" class="color-pomegranate close-it">Close</a>
-			</div>
-
-			<script>$('.leanmodal-modified').leanModal({
-	top: '1em',
-	overlayOpacity: 0.3,
-	closeButton: '.close-it',
-	disableCloseOnOverlayClick: true,
-	disableCloseOnEscape: true,
-	fadeTime: 2000,
-});</script>
-
 		</div>
 
 		<footer>
 			<p><a href="http://opensource.org/licenses/MIT">MIT License</a> &nbsp;&middot;&nbsp; <a href="https://github.com/eustasy/jQuery.leanModal2">GitHub</a> &nbsp;&middot;&nbsp; <a href="http://eustasy.org/">eustasy</a></p>
 		</footer>
 
+		<div id="defaults-example" class="background-white color-3 display-none modal rounded">
+			<h3>Hello!</h3>
+			<p>This is a modal using our defaults.</p>
+			<a href="#" class="color-pomegranate js-leanmodal-close">Close</a>
+		</div>
+
+		<script>$('.leanmodal-defaults').leanModal();</script>
+
+		<div id="modified-example" class="background-white color-3 display-none modal rounded">
+			<h3>Hello!</h3>
+			<p>This is a modal using all the options.</p>
+			<a href="#" class="color-pomegranate close-it">Close</a>
+		</div>
+
+		<script>
+			$('.leanmodal-modified').leanModal({
+				top: '1em',
+				overlayOpacity: 0.3,
+				closeButton: '.close-it',
+				disableCloseOnOverlayClick: true,
+				disableCloseOnEscape: true,
+				fadeTime: 2000,
+			});
+		</script>
+
 	</body>
 
 	<script>