From f37b3371bbb4fe117d81b8c845f5f91dbd2a84a9 Mon Sep 17 00:00:00 2001
From: Jeremy Likness <jeremy@jeremylikness.com>
Date: Fri, 22 Nov 2019 17:09:42 -0800
Subject: [PATCH] media queries

---
 css/style.css | 44 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 42 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 2aa70ef..8fed94a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,6 +1,29 @@
 body {
     padding: 5px;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-size: 5vh;
+}
+
+button {
+    font-size: 5vh;
+}
+
+@media only screen and (max-width: 800px) {
+    body {
+        font-size: 14px;
+    }
+    button {
+        font-size: 14px;
+    }
+}
+
+@media only screen and (max-width: 1200px) {
+    body {
+        font-size: 3vh;
+    }
+    button {
+        font-size: 14px;
+    }
 }
 
 h1, h2, h3 {
@@ -23,7 +46,6 @@ img {
 .footer {
     float: left;
     height: 15vh;
-    font-size: 1.5em;
     vertical-align: middle;
     width: 32vw;
 }
@@ -46,6 +68,24 @@ slide-deck div {
     background: lightgray;
 }
 
+@media only screen and (max-width: 960px) {
+    .footer {
+        float: none;
+        width: 100%;
+        height: auto;
+        margin-top: 2px;
+    }
+    .right {
+        text-align: center;
+    }
+    .left {
+        text-align: center;
+    }
+    slide-deck div {
+        height: 75vh;
+    }
+}
+
 slide-controls {
     height: 15vh;
     width: 33vw;