diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
old mode 100644
new mode 100755
diff --git a/css/style.css b/css/style.css
old mode 100644
new mode 100755
index f65eb16..a5a2466
--- a/css/style.css
+++ b/css/style.css
@@ -2,15 +2,28 @@ body {
     padding-top: 40px;
 }
 
-#rotator {
-    background: #dddddd;
-    width: 960px;
-    height: 627px;
-    overflow: hidden;
+#outside {
     cursor: pointer;
+	z-index:10; 
+	position:relative;
+}
+
+#rotator {
+	background: #ffffff;
+	// 90vh is 90% of viewer height: http://stackoverflow.com/a/16837667/2152245
+    height:80vh;
+	width:auto;
+    //overflow: hidden;
+    cursor: pointer;
+	z-index:0; 
+	position: absolute;
+    left: 0px;
+    top: 0px;
 }
 
 #rotator img {
     display: block;
+    max-height:80vh;	
+	width:auto;
     margin: 0;
-}
\ No newline at end of file
+}
diff --git a/views/base.html.twig b/views/base.html.twig
old mode 100644
new mode 100755
diff --git a/views/change.html.twig b/views/change.html.twig
old mode 100644
new mode 100755
index c9e29ac..b688c6e
--- a/views/change.html.twig
+++ b/views/change.html.twig
@@ -2,15 +2,19 @@
 
 {% block content %}
     <header class="page-header">
-        <h1>Change blindness test (step {{ step_count }} of 3)</h1>
+        <h1>Change blindness test (step {{ step_count }} of {{ step_total }})</h1>
     </header>
     <div id="placeholder" class="well">
         <p>Please wait while the images are loaded.</p>
     </div>
+	<div id="outside">
+		<!-- This hidden image keeps the div open and the right size, even when #rotator is hidden in change.js. -->
+		<img src="{{ imageWithElement}}" style="visibility:hidden; position:relative;">
     <div id="rotator" class="hide">
         <img src="{{ imageWithElement}}">
         <img src="{{ imageWithoutElement}}">
     </div>
+	</div>
     <form method="post" action="" name="changeform" id="changeform">
         <input type="hidden" name="xcoordinate" id="xcoordinate" value="0">
         <input type="hidden" name="ycoordinate" id="ycoordinate" value="0">
diff --git a/views/finish.html.twig b/views/finish.html.twig
old mode 100644
new mode 100755
diff --git a/views/index.html.twig b/views/index.html.twig
old mode 100644
new mode 100755
diff --git a/views/next.html.twig b/views/next.html.twig
old mode 100644
new mode 100755
index d00cdf9..62c04ec
--- a/views/next.html.twig
+++ b/views/next.html.twig
@@ -2,8 +2,8 @@
 
 {% block content %}
     <header class="page-header">
-        <h1>Change blindness test (step {{ step_count }} of 3)</h1>
+        <h1>Change blindness test (step {{ step_count }} of {{ step_total }})</h1>
     </header>
     <p>Your response has been recorded.</p>
-    <p><a class="btn">&laquo; Retry</a> <a class="btn btn-primary" href="{{ next_url }}">Continue to step {{ step_count + 1 }} &raquo;</a></p>
+    <p><a class="btn" href="{{ prev_url }}">&laquo; Retry</a> <a class="btn btn-primary" href="{{ next_url }}">Continue to step {{ step_count + 1 }} &raquo;</a></p>
 {% endblock %}
\ No newline at end of file
diff --git a/views/results.html.twig b/views/results.html.twig
old mode 100644
new mode 100755
diff --git a/views/results.txt.twig b/views/results.txt.twig
old mode 100644
new mode 100755