From 074c5a40d8e15135ca76539abbe6e653f355e51e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=83=9D=E3=83=BC=E3=83=AB=20=E3=82=A6=E3=82=A7=E3=83=83?=
 =?UTF-8?q?=E3=83=96?= <netopwibby@thenetwork.email>
Date: Wed, 23 May 2018 19:07:51 -0500
Subject: [PATCH] Closes #68

---
 .vuepress/scss/pages/_page.scss | 43 ++++++++++++++++++++++++++++++---
 1 file changed, 39 insertions(+), 4 deletions(-)

diff --git a/.vuepress/scss/pages/_page.scss b/.vuepress/scss/pages/_page.scss
index 3602b58..f3e8ecd 100644
--- a/.vuepress/scss/pages/_page.scss
+++ b/.vuepress/scss/pages/_page.scss
@@ -53,16 +53,29 @@
   padding-left: env(safe-area-inset-left);
 
   h1 {
-    font-size: 2rem;
     margin-bottom: 0.25rem;
 
+    @media (min-width: 901px) {
+      font-size: 3rem;
+    }
+
+    @media (max-width: 900px) {
+      font-size: 2rem;
+    }
+
     + h2 {
       margin-bottom: 2rem;
     }
   }
 
   h2 {
-    font-size: 1.5rem;
+    @media (min-width: 901px) {
+      font-size: 2rem;
+    }
+
+    @media (max-width: 900px) {
+      font-size: 1.5rem;
+    }
 
     + h3 {
       margin-bottom: 1rem; padding-top: 0.25rem;
@@ -70,13 +83,34 @@
   }
 
   h3 {
-    font-size: 1.25rem;
+    @media (min-width: 901px) {
+      font-size: 1.5rem;
+    }
+
+    @media (max-width: 900px) {
+      font-size: 1.25rem;
+    }
+
+    + table {
+      top: 0.25rem;
+    }
   }
 
   h4 {
-    font-size: 1rem;
     letter-spacing: 0.05rem;
     text-transform: uppercase;
+
+    @media (min-width: 901px) {
+      font-size: 1.25rem;
+    }
+
+    @media (max-width: 900px) {
+      font-size: 1.15rem;
+    }
+  }
+
+  h5 {
+    font-size: 1rem;
   }
 
   p, ol, ul, table {
@@ -208,6 +242,7 @@
     border: 1px solid rgba($gray, 0.3);
     border-spacing: 0;
     margin-bottom: 2rem;
+    position: relative;
     width: 100%;
 
     @media (max-width: 1030px) {