From c79aaf034c38221d5c2b406c8e0f69ad1b687688 Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Sun, 15 Jul 2018 13:49:20 +0100 Subject: [PATCH] Tidy up CSS for branding Signed-off-by: Michael Tremer --- src/scss/style.scss | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) 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; + } + } } } -- 2.47.3