fine tuning font scaling

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>

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: ;