Testing media query for high res devices

For mobile phones.

diff --git a/views/front/conditions/HLP.html b/views/front/conditions/HLP.html
index 6e7c200..51567e1 100644 (file)
--- a/views/front/conditions/HLP.html
+++ b/views/front/conditions/HLP.html
@@ -142,6 +142,20 @@
                     font-size: 1.5em;
                 }
             }
+            @media     only screen and (-webkit-min-device-pixel-ratio: 1.3),
+                    only screen and (-o-min-device-pixel-ratio: 13/10),
+                    only screen and (min-resolution: 120dpi) {
+
+                header.main #tag h1 {
+                    font-size: 3rem;
+                }
+                header.main #tag h1.conditions-title {
+                    font-size: 3.5rem;
+                }
+                #main-content p {
+                    font-size: 2.5em;
+                }
+            }
             header.main #tag h1 a {
                 text-decoration: none;
                 color: #FFFFFF;