From 6486935cfe6489dd503db05e468d655e144d0d24 Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Wed, 19 Apr 2023 16:48:35 -0400
Subject: [PATCH] Remove logo on mobile, and adjust first block

---
 main.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/main.css b/main.css
index 3a4fcaf..20d9489 100755
--- a/main.css
+++ b/main.css
@@ -32,9 +32,10 @@ header .layout-wrapper{
 .logo{
 	padding-right: 12px;
 	text-decoration: none;
+	display: none; /*Mobile don't get it*/
 }
+nav{display:inline-block}
 .logo, nav{
-	display: inline-block;
 	font-size: 18px;
 	line-height: 1.6;
 	color: #F2F4F3;
@@ -121,7 +122,8 @@ header .layout-wrapper{
 	flex-wrap: wrap;
 	background: none;
 	color: #F2F4F3;
-	margin-top: 32px;
+	margin-top: 0;
+	padding-top: 0;
 }
 .home-server-uno .heading{
 	font-size: 48px;
@@ -252,6 +254,11 @@ footer{
 		flex: 1 0 200px;	
 	}
 }
+@media (min-width: 520px){
+	.logo{
+		display: inline-block;
+	}
+}
 @media (min-width: 768px){
 	.home-servers{
 		grid-template-columns: repeat(auto-fill, minmax(312px, 1fr));
@@ -265,3 +272,9 @@ footer{
 		text-align: left;
 	}
 }
+@media (min-width: 1024px){
+	.home-server-uno{
+		margin-top: 32px;
+		padding-top: 24px;
+	}
+}