diff --git a/edivorce/apps/core/templates/question/01_orders.html b/edivorce/apps/core/templates/question/01_orders.html
index d7e99816..91246061 100644
--- a/edivorce/apps/core/templates/question/01_orders.html
+++ b/edivorce/apps/core/templates/question/01_orders.html
@@ -285,7 +285,7 @@ asked to provide details for each request.</p>
     </div>
 </div>
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -305,6 +305,7 @@ asked to provide details for each request.</p>
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/02_claimant.html b/edivorce/apps/core/templates/question/02_claimant.html
index 91154bc9..81f14c4c 100644
--- a/edivorce/apps/core/templates/question/02_claimant.html
+++ b/edivorce/apps/core/templates/question/02_claimant.html
@@ -160,7 +160,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -177,6 +177,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/03_respondent.html b/edivorce/apps/core/templates/question/03_respondent.html
index a1163396..1678c1a3 100644
--- a/edivorce/apps/core/templates/question/03_respondent.html
+++ b/edivorce/apps/core/templates/question/03_respondent.html
@@ -174,7 +174,7 @@
     </div>
 </div>
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -190,6 +190,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/04_marriage.html b/edivorce/apps/core/templates/question/04_marriage.html
index 97de9e71..6754a23c 100644
--- a/edivorce/apps/core/templates/question/04_marriage.html
+++ b/edivorce/apps/core/templates/question/04_marriage.html
@@ -118,7 +118,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -134,6 +134,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/05_separation.html b/edivorce/apps/core/templates/question/05_separation.html
index 97cc138f..dab7c39a 100644
--- a/edivorce/apps/core/templates/question/05_separation.html
+++ b/edivorce/apps/core/templates/question/05_separation.html
@@ -43,7 +43,7 @@
     </div>
 </div>
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -59,7 +59,7 @@
         </div>
     </div>
 </div>
-
+<div class="modal-backgrop in"></div>
 {% endblock %}
 
 {% block formBack %}{% prev_step step='separation' %}{% endblock %}
@@ -70,4 +70,4 @@
 {% endblock %}
 {% block sidebar %}
 <!-- no sidebar -->
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/edivorce/apps/core/templates/question/06_children_your_children.html b/edivorce/apps/core/templates/question/06_children_your_children.html
index 9e3d7d09..bd05ee32 100644
--- a/edivorce/apps/core/templates/question/06_children_your_children.html
+++ b/edivorce/apps/core/templates/question/06_children_your_children.html
@@ -213,7 +213,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -236,6 +236,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 {% endblock %}
 
 {% block formbuttons %}
diff --git a/edivorce/apps/core/templates/question/07_support.html b/edivorce/apps/core/templates/question/07_support.html
index 1cb2dc95..63c356c3 100644
--- a/edivorce/apps/core/templates/question/07_support.html
+++ b/edivorce/apps/core/templates/question/07_support.html
@@ -251,7 +251,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -287,6 +287,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/08_property.html b/edivorce/apps/core/templates/question/08_property.html
index 54645706..16bae0e2 100644
--- a/edivorce/apps/core/templates/question/08_property.html
+++ b/edivorce/apps/core/templates/question/08_property.html
@@ -174,7 +174,7 @@
     {% input_field type="textarea" name="other_property_claims" rows="8" cols="65" class="response-textarea" %}
 </div>
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -205,6 +205,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/09_other_orders.html b/edivorce/apps/core/templates/question/09_other_orders.html
index 5eb1fd51..5dc8ed9c 100644
--- a/edivorce/apps/core/templates/question/09_other_orders.html
+++ b/edivorce/apps/core/templates/question/09_other_orders.html
@@ -88,7 +88,7 @@
     <h3>Please enter the details for other orders that you are asking for.</h3>
     {% input_field type="textarea" name="other_orders_detail" rows="8" cols="65" class="response-textarea" %}
 
-    <div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+    <div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
         <div class="modal-dialog" role="document">
             <div class="modal-content">
                 <div class="modal-header">
@@ -105,6 +105,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 {% endblock %}
 
 {% block formBack %}{% prev_step step='other_orders' %}{% endblock %}
diff --git a/edivorce/apps/core/templates/question/11_location.html b/edivorce/apps/core/templates/question/11_location.html
index 366a614d..54240c1d 100644
--- a/edivorce/apps/core/templates/question/11_location.html
+++ b/edivorce/apps/core/templates/question/11_location.html
@@ -30,7 +30,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -46,6 +46,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}
 
diff --git a/edivorce/apps/core/templates/question/13_review.html b/edivorce/apps/core/templates/question/13_review.html
index 5df6f4c7..4c962e4a 100644
--- a/edivorce/apps/core/templates/question/13_review.html
+++ b/edivorce/apps/core/templates/question/13_review.html
@@ -205,7 +205,7 @@
 </div>
 
 
-<div id="questions_modal" class="modal" tabindex="-1" role="dialog">
+<div id="questions_modal" class="modal in" tabindex="-1" role="dialog" style="display: block">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
@@ -221,6 +221,7 @@
         </div>
     </div>
 </div>
+<div class="modal-backgrop in"></div>
 
 {% endblock %}