Put the only in the header place

diff --git a/templates/reservation.html b/templates/reservation.html
index 3dc9b57..97ec0af 100644 (file)
--- a/templates/reservation.html
+++ b/templates/reservation.html
@@ -1,5 +1,5 @@
 <form action="https://reservations.troutcreek.com/irm" method="get" flexy:ignore="yes">
-    <div class="small-12 small-text-center medium-3 medium-text-right large-4 columns"><h2>Make A Reservation:</h2></div>
+    <div class="small-12 small-text-center medium-3 medium-text-right large-4 columns show-for-medium-up"><h2>Make A Reservation:</h2></div>
     <!-- START medium-up -->
     <div class="medium-3 large-2 columns resCal show-for-medium-up">
         <div class="row collapse postfix-radius">
@@ -25,7 +25,7 @@
     <!-- END medium-up -->
 </form>
 <form action="https://reservations.troutcreek.com/irm" method="get" flexy:ignore="yes">
-    <div class="small-12 small-text-center medium-3 medium-text-right large-4 columns"><h2>Make A Reservation:</h2></div>
+    <div class="small-12 small-text-center medium-3 medium-text-right large-4 columns show-for-small-only"><h2>Make A Reservation:</h2></div>
     <!-- START small-only -->
     <div class="small-5 columns show-for-small-only smallRes">
                 <input type="text" class="has-datepicker" id="resArrival2" name="arrival" placeholder="Check In">