From 4b1c56ef15d8e9e7507cd5854a98a2c3522711be 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: Thu, 10 May 2018 14:44:31 -0500
Subject: [PATCH] More responsiveness

---
 .vuepress/scss/pages/_page.scss | 40 ++++++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/.vuepress/scss/pages/_page.scss b/.vuepress/scss/pages/_page.scss
index fdeff93..cfcbe0b 100644
--- a/.vuepress/scss/pages/_page.scss
+++ b/.vuepress/scss/pages/_page.scss
@@ -12,21 +12,27 @@
 
 .page__header {
   @include center;
-  width: 100%; height: 100px;
-
   background-image: url("../media/images/background-a.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   color: $white;
   position: relative;
+  width: 100%;
 }
 
 .page__header__title {
-  font-size: 3rem;
   font-weight: 300;
   line-height: 6.5rem;
   text-shadow: 1px 1px 2px rgba($black, 0.3);
+
+  @media (min-width: 901px) {
+    font-size: 3rem;
+  }
+
+  @media (max-width: 900px) {
+    font-size: 2rem;
+  }
 }
 
 
@@ -62,12 +68,7 @@
     text-transform: uppercase;
   }
 
-  p, ol, ul {
-    font-size: 1.25rem;
-    line-height: 1.5;
-    margin-bottom: 2rem;
-    position: relative;
-
+  p, ol, ul, table {
     code {
       background-color: $black;
       border-radius: 3px;
@@ -79,7 +80,26 @@
     }
   }
 
-  ol, ul {
+  p, ol, ul {
+    line-height: 1.33;
+    margin-bottom: 2rem;
+    position: relative;
+
+    @media (min-width: 901px) {
+      font-size: 1.25rem;
+    }
+
+    @media (max-width: 900px) {
+      font-size: 1.05rem;
+    }
+  }
+
+  ol {
+    list-style-type: lower-roman;
+    padding-left: 1.6rem;
+  }
+
+  ul {
     padding-left: 1.25rem;
   }