diff --git a/src/scss/_hero.scss b/src/scss/_hero.scss index bc9f336..db17d29 100644 --- a/src/scss/_hero.scss +++ b/src/scss/_hero.scss @@ -3,6 +3,7 @@ body.rwavw-custom { height: 100vh; #home { + position: relative; width: 100%; height: 100%; @@ -12,7 +13,21 @@ body.rwavw-custom { align-items: center; padding: 96px 90px 90px !important; - text-shadow: 0 0 5px #000; + text-shadow: 0 0 8em #000, + 0 0 2em rgba(#000, 0.57), + 0 0 0.5em rgba(#000, 0.1); + + &::before { + content: ''; + display: block; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + + background-color: rgba(#000, 0.2); + } > .section-top { flex: 0 0 auto; @@ -24,7 +39,7 @@ body.rwavw-custom { > .pure-g { display: flex; flex-direction: column; - justify-content: space-around; + justify-content: space-between; align-items: center; height: 100%; } @@ -32,6 +47,7 @@ body.rwavw-custom { .hero-cta { margin: 66px 0 44px; + text-shadow: none; a { margin: 0 11px; padding: 11px 22px; @@ -52,11 +68,20 @@ body.rwavw-custom { } } + h1, h2, h3, h4, h5, h6, p, a { + color: #fff; + font-family: Montserrat, Helvetica, sans-serif; + } + h1 { margin: 44px 0; font-size: 90px; font-weight: 400; - color: #fff; + } + + .heading-col-title { + font-size: 32px; + font-weight: 400; } p { @@ -64,6 +89,10 @@ body.rwavw-custom { font-size: 22px; } + .header-details { + text-transform: none; + } + }