From d79f1b2405b78e1ab446749ba4979a301d3b30ff Mon Sep 17 00:00:00 2001
From: ugrnm <ultrageranium@bleu255.com>
Date: Fri, 17 Mar 2017 13:54:22 +0100
Subject: [PATCH] fine tuning font scaling

---
 index.html | 18 +++++++++---------
 style.css  |  9 +++++++++
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 3b484af..57816c8 100644
--- a/index.html
+++ b/index.html
@@ -11,63 +11,63 @@
 		<div class="element">
 			<iframe src="01" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="01">Special Issue 01</a></h2>
+				<h2><a href="01">Issue 01</a></h2>
 				<h3>2016XXX OP=OP</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="02" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="02">Special Issue 02</a></h2>
+				<h2><a href="02">Issue 02</a></h2>
 				<h3>2017XXX TGC #3</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="03" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="03">Special Issue 03</a></h2>
+				<h2><a href="03">Issue 03</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="04" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="04">Special Issue 04</a></h2>
+				<h2><a href="04">Issue 04</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="05" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="05">Special Issue 05</a></h2>
+				<h2><a href="05">Issue 05</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="06" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="06">Special Issue 06</a></h2>
+				<h2><a href="06">Issue 06</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="07" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="07">Special Issue 07</a></h2>
+				<h2><a href="07">Issue 07</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="08" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="08">Special Issue 08</a></h2>
+				<h2><a href="08">Issue 08</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
 		<div class="element">
 			<iframe src="09" scrolling="no"></iframe>
 			<div class="info">
-				<h2><a href="09">Special Issue 09</a></h2>
+				<h2><a href="09">Issue 09</a></h2>
 				<h3>???</h3>
 			</div>
 		</div>
diff --git a/style.css b/style.css
index 9e7e71d..d8d469b 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,12 @@
+h1 {
+	font-size: calc(3vW + 3vH);
+	text-align: center;
+}
+
+h2 {
+	font-size: calc(1.5vW + 1.5vH);
+}
+
 #container {
 	display: flex;
 	//width: ;