diff --git a/src/scss/_hero.scss b/src/scss/_hero.scss new file mode 100644 index 0000000..bc9f336 --- /dev/null +++ b/src/scss/_hero.scss @@ -0,0 +1,72 @@ +body.rwavw-custom { + .widget.rwavw-hero { + height: 100vh; + + #home { + width: 100%; + height: 100%; + + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + padding: 96px 90px 90px !important; + + text-shadow: 0 0 5px #000; + + > .section-top { + flex: 0 0 auto; + } + + > .section-cols { + flex: 0 1 100%; + + > .pure-g { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + height: 100%; + } + } + + .hero-cta { + margin: 66px 0 44px; + a { + margin: 0 11px; + padding: 11px 22px; + font-size: 22px; + font-weight: 600; + + border: 3px solid #fff; + + &:first-child { + color: #000; + background-color: #fff; + } + + &:last-child { + color: #fff; + background-color: transparent; + } + } + } + + h1 { + margin: 44px 0; + font-size: 90px; + font-weight: 400; + color: #fff; + } + + p { + margin-bottom: 22px; + font-size: 22px; + } + + } + + + } +} + diff --git a/src/scss/style.scss b/src/scss/style.scss index 4738995..58aab0c 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,3 +1,4 @@ +@import "hero"; @import "featured"; @import "contact"; @import "faq"; @@ -49,12 +50,12 @@ body.rwavw-custom { } .custom-logo-link img { - max-height: 70px; + // max-height: 70px; } .heading-page-title { - font-weight: 300; - opacity: 0.7; + // font-weight: 300; + // opacity: 0.7; } .widget.rwavw-boxed {