Remove logo on mobile, and adjust first block

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;
+	}
+}