Fix for mobile firefox and chrome

Also look better is iphone safari now.

diff --git a/views/front/conditions/HLP.html b/views/front/conditions/HLP.html
index bdc2c35..329d80e 100644 (file)
--- a/views/front/conditions/HLP.html
+++ b/views/front/conditions/HLP.html
@@ -5,14 +5,10 @@
 <!--        <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
         <title>Mackinac Bridge Authority</title>
         <style>
-            html {
-                font-size: 100%;
-            }
             body {
                 background: #fff;
                 color: #000000;
                 cursor: auto;
-                font-size: 18px;
                 font-style: normal;
                 font-weight: normal;
                 line-height: 150%;
@@ -129,17 +125,25 @@
                 padding-top: 0;
             }
             @media screen and (max-width: 1024px) {
+                #head-container {
+                    height: 90px;
+                }
                 #logo img {
-                    width: 188px;
+                    width: 60%;
+                    marg
                 }
                 header.main #tag h1 {
-                    font-size: 2rem;
+                    font-size: 1rem;
                 }
                 header.main #tag h1.conditions-title {
-                    font-size: 2.5rem;
+                    font-size: 1rem;
                 }
                 #main-content p {
-                    font-size: 1.5em;
+                    font-size: 1.3em;
+                }
+                .webThumb img {
+                    width: 80%;
+                    height: auto;
                 }
             }
             header.main #tag h1 a {