redo on the reservation link and make it two links to the same place, with a bit...

diff --git a/styles.css b/styles.css
index def3302..fb35a6f 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -306,11 +306,20 @@ header a.facebook {
   background-repeat: no-repeat;
   background-position: center center;
   display: inline-block;
-  height: 58px;
+  height: 40px;
   width: 32px;
   vertical-align: middle;
 /*  margin-left: 25px;*/
 }
+#res-link {
+    font-size: 24px;
+    display: block;
+    line-height: 38px;
+    display: inline-block;
+    vertical-align: middle;
+    color: #ffcc33;
+    text-decoration: underline;
+}
 
 nav.top-bar {
   z-index: 200;

diff --git a/templates/template.html b/templates/template.html
index 77beeb1..1bab3a3 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -18,7 +18,7 @@
     {styles:h}
     <link rel="stylesheet" href="{mediaBaseURL:h}css/foundation.min.css" />
     <link rel="stylesheet" href="{mediaBaseURL:h}css/normalize.css" />
-    <link rel="stylesheet" href="{mediaBaseURL:h}styles.css?v=1" />
+    <link rel="stylesheet" href="{mediaBaseURL:h}styles.css?v=2" />
     <script src="{mediaBaseURL:h}js/vendor/modernizr.js"></script>
     {topScripts:h}
   </head>
@@ -54,10 +54,11 @@
                   </div>
                   <div class="row">
                       <div class="small-12 columns small-text-center medium-text-right">
-                          <a href="https://myres.myhms4.com/myres/bh/search.do?hotelCode=14671" target="_blank">BOOK DIRECT for Guaranteed Lowest Price</a>
+                          <a id="res-link" href="https://myres.myhms4.com/myres/bh/search.do?hotelCode=14671" target="_blank">BOOK DIRECT</a><br><a href="https://myres.myhms4.com/myres/bh/search.do?hotelCode=14671" target="_blank">for Guaranteed Lowest Price</a>
                       </div>
                   </div>
               </div>
+              <div></div>  
             </div>
           </header>