From 91ce331dc564d48cbf8550263f2b4b7450f20c67 Mon Sep 17 00:00:00 2001
From: Robin <rtwilborn@gmail.com>
Date: Thu, 22 Jun 2017 17:52:54 -0700
Subject: [PATCH] Center emulator

---
 docs/css/style.css | 13 ++++++++++++-
 docs/index.html    | 10 ++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/docs/css/style.css b/docs/css/style.css
index 0f39dfc..1265495 100755
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -1128,8 +1128,19 @@ h1, h2, h3, h4, h5, h6 {
   animation-fill-mode: both;
 }
 
+.phone {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  align-content: center;
+}
+
 .iphone > iframe {
-  margin: 0 auto;
+  align-self: center;
+}
+
+.help-me {
+
 }
 
 /*# sourceMappingURL=style.css.map */
diff --git a/docs/index.html b/docs/index.html
index dbd4d5e..da54311 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -156,7 +156,7 @@ <h2 class="fh5co-sub-lead to-animate">Built with React Native</h3>
 
 	<div id="fh5co-features" data-section="demo">
 		<div class="container">
-			<div class="row">
+			<div class="row phone">
 				<div class="col-md-12 section-heading text-center">
 					<h2 class="single-animate animate-features-1">Demo</h2>
 					<div class="row">
@@ -166,9 +166,11 @@ <h3>You can demo the app without downloading it below. Make sure to allow locati
 						</div>
 					</div>
 				</div>
-				<div class="iphone">
-					<iframe src="https://appetize.io/embed/ph8j6n1rajz368p873z5pny4cm?device=iphone6&scale=75&autoplay=false&orientation=portrait&deviceColor=white" width="312px" height="653px" frameborder="0" scrolling="no"></iframe>
-				</div>
+        <div class="help-me">
+  				<div class="iphone">
+  					<iframe src="https://appetize.io/embed/ph8j6n1rajz368p873z5pny4cm?device=iphone6&scale=75&autoplay=false&orientation=portrait&deviceColor=white" width="312px" height="653px" frameborder="0" scrolling="no"></iframe>
+  				</div>
+        </div>
 		</div>
 	</div>