From 9a91052f450ae2b918d92f84bcbb42c05b31f7ea Mon Sep 17 00:00:00 2001
From: TechEmporium <techemporium.stlflops@gmail.com>
Date: Fri, 18 Jan 2019 17:04:59 -0500
Subject: [PATCH] Edited CSS to adapt to cell phone screens, based on screen
 orientation

---
 site.css | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/site.css b/site.css
index d168576..5f74c75 100644
--- a/site.css
+++ b/site.css
@@ -140,11 +140,20 @@ padding-left: 0;
 
 /* Page */
 
+@media only screen and (orientation: landscape){
 #page {
 width: 980px;
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
 }
+}
+
+@media only screen and (orientation: portrait) and (overflow-inline){
+#page {
+margin: 0 auto;
+padding: 0px 0px 0px 0px;
+}
+}
 
 #page-bgtop {
 padding: 20px 0px;
@@ -160,9 +169,8 @@ padding: 0px 0px 0px 0px;
 }
 }
 
-@media only screen and (orientation: portrait){
+@media only screen and (orientation: portrait) and (overflow-inline){
 #content {
-width: 650px;
 padding: 0px 0px 0px 0px;
 }
 }
@@ -233,9 +241,8 @@ color: #00FF00;
 }
 }
 
-@media only screen and (orientation: portrait){
+@media only screen and (orientation: portrait) and (overflow-inline){
 #sidebar {
-width: 310px;
 margin: 0px;
 padding: 0px 20px 0px 0px;
 color: #00FF00;