From c62f0806657cebc171428a70aea5617cd16379db Mon Sep 17 00:00:00 2001
From: edpibu <git@edgarpierre.fr>
Date: Tue, 22 Dec 2020 08:56:46 +0100
Subject: [PATCH] Added support for small landscape screens

---
 css/index.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index b59db35..f2a9faa 100644
--- a/css/index.css
+++ b/css/index.css
@@ -68,7 +68,7 @@ footer a:active {
   color: #ffffffde;
 }
 
-@media screen and (min-width: 1024px) {
+@media screen and ((min-width: 1024px) or (orientation: landscape)) {
 	.left, .right {
 		top: 0;
 		bottom: 0;
@@ -83,8 +83,20 @@ footer a:active {
 	}
 	
 	.left h1 {
-		font-size: 4rem;
 		text-align: right;
 		padding-right: 1em;
 	}
+}
+
+@media screen and (min-width: 1024px) {
+	.left h1 {
+		font-size: 4rem;
+	}
+}
+
+@media screen and ((max-width: 700px) and (orientation: landscape)) {
+	.left h1 {
+		font-size: 2rem;
+		padding-right: .5em;
+	}
 }
\ No newline at end of file