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 3b0685e1ad9822cd595597186571f7b726216fd1..3d482c6e0516402bf7910ed6351d588f94255a97 100644 (file)
--- 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;
+                               }
+                       }
                }
        }