diff --git a/index.htm b/index.htm
index 1167a40..3b4f4b9 100755
--- a/index.htm
+++ b/index.htm
@@ -16,6 +16,26 @@
+
@@ -132,7 +152,7 @@
twitter.com/pepelsbey
pepelsbey@gmail.com
- Shower project: http://github.com/pepelsbey/shower
+ Shower: http://github.com/pepelsbey/shower
diff --git a/styles/projection.css b/styles/projection.css
index e186b94..096de3b 100755
--- a/styles/projection.css
+++ b/styles/projection.css
@@ -4,13 +4,27 @@
BODY {
background:#000;
color:#FFF;
- font:75px 'PTSans', sans-serif;
+ font:1em 'PTSans', sans-serif;
counter-reset:paging;
}
A {
text-decoration:none;
}
+/* Basic Font-Size
+---------------------------------------- */
+
+@media all and ( min-device-height:240px ), ( min-height:240px ) { BODY { font-size:15px } }
+@media all and ( min-device-height:480px ), ( min-height:480px ) { BODY { font-size:30px } }
+@media all and ( min-device-height:600px ), ( min-height:600px ) { BODY { font-size:38px } }
+@media all and ( min-device-height:768px ), ( min-height:768px ) { BODY { font-size:48px } }
+@media all and ( min-device-height:800px ), ( min-height:800px ) { BODY { font-size:50px } }
+@media all and ( min-device-height:900px ), ( min-height:900px ) { BODY { font-size:56px } }
+@media all and ( min-device-height:1024px ), ( min-height:1024px ) { BODY { font-size:64px } }
+@media all and ( min-device-height:1200px ), ( min-height:1200px ) { BODY { font-size:75px } }
+
+/* H ÷ 16 ≈ Font-Size */
+
/* Slide
---------------------------------------- */
.slide {