From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 15 Jul 2018 12:49:20 +0000 (+0100)
Subject: Tidy up CSS for branding
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=c79aaf034c38221d5c2b406c8e0f69ad1b687688;p=ipfire.org.git

Tidy up CSS for branding

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 3b0685e1..3d482c6e 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -130,6 +130,10 @@ footer {
 	}
 
 	section.intro {
+		// Make it cover the navbar, too
+		margin-top: -6rem;
+		padding-top: 6rem;
+
 		min-height: 100vh;
 		background-image: url('img/header-background.jpg');
 		background-size: cover;
@@ -138,15 +142,15 @@ footer {
 		position: relative;
 
 		.branding {
-			margin-bottom: 64px;
-			text-align: center;
+			margin-top: 7.5rem;
+			margin-bottom: 4rem;
 
-			padding-top: 6rem;
-
-			@include media-breakpoint-up(sm) {
-				padding-top: 192px;
+			@include media-breakpoint-down(xs) {
+				margin-top: 2.5rem;
 			}
 
+			text-align: center;
+
 			h1 {
 				margin-bottom: 0;
 
@@ -154,10 +158,6 @@ footer {
 					font-size: 72px;
 					line-height: 88px;
 				}
-
-				strong {
-					font-weight: 700 !important;
-				}
 			}
 
 			h1:before {
@@ -182,8 +182,12 @@ footer {
 
 			h5 {
 				color: $blue-grey-600;
-			}
 
+				@include media-breakpoint-down(xs) {
+					font-size: 14px;
+					line-height: 20px;
+				}
+			}
 		}
 	}