From c95151bfe6d43e4b62c903baca78130477417797 Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jeremy.dormitzer@gmail.com>
Date: Fri, 27 Jul 2018 15:11:45 -0400
Subject: [PATCH] Basic mobile styling

---
 style.css | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/style.css b/style.css
index 2d99caf..a9d7a9d 100644
--- a/style.css
+++ b/style.css
@@ -981,6 +981,46 @@ Site footer
     text-align: center;
 }
 
+/*
+Mobile
+*/
+@media screen and (max-width: 720px) {
+    html {
+	overflow-x: hidden;
+    }
+
+    .content-area {
+	grid-column: 2 / 12;
+    }
+
+    .content-area.no-sidebar {
+	grid-column: 2 / 12;
+    }
+
+    .widget-area {
+	grid-column: 2 / 12;
+    }
+
+    .search-form {
+	grid-template-columns: 1fr;
+	grid-template-rows: 1fr 1fr;
+    }
+
+    .search-form input {
+	width: 100%;
+    }
+
+    .search-field {
+	grid-column: 1;
+	grid-row: 1 / 2;
+    }
+
+    .search-submit {
+	grid-column: 1;
+	grid-row: 2 / 3;
+    }
+}
+
 /*--------------------------------------------------------------
 ## Posts and pages
 --------------------------------------------------------------*/