tweaked some styling of items in the header

diff --git a/styles.css b/styles.css
index 5eb18fc..def3302 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -260,7 +260,7 @@ header h1 {
   font-size: 26px;
   padding-left: 15px;
 }
-@media only screen and (max-width: 325px) {
+@media only screen and (max-width: 390px) {
   header h1 {
     font-size: 20px;
     padding-left: 5px;
@@ -294,7 +294,7 @@ header h1 {
     line-height: 30px;
   }
   header .phone-social .facebook {
-    margin-top: -78px;
+/*    margin-top: -78px;*/
   }
   header img {
     margin-top: -15px;
@@ -309,7 +309,7 @@ header a.facebook {
   height: 58px;
   width: 32px;
   vertical-align: middle;
-  margin-left: 25px;
+/*  margin-left: 25px;*/
 }
 
 nav.top-bar {

diff --git a/templates/template.html b/templates/template.html
index 8bc2527..40a046e 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -53,7 +53,7 @@
                       </div>
                   </div>
                   <div class="row">
-                      <div class="small-12 columns text-right">
+                      <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>
                       </div>
                   </div>