update hero css

This commit is contained in:
rayelliott 2020-06-04 09:32:53 +00:00
parent abe1c0a4dc
commit e26fd03ea5
3 changed files with 105 additions and 8 deletions

View File

@ -30,6 +30,7 @@ body.rwavw-custom {
} }
> .section-top { > .section-top {
max-width: 1600px;
flex: 0 0 auto; flex: 0 0 auto;
} }
@ -46,19 +47,26 @@ body.rwavw-custom {
} }
.hero-cta { .hero-cta {
margin: 66px 0 44px; display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
margin: 22px 0;
text-shadow: none; text-shadow: none;
a { a {
margin: 0 11px; margin: 0 22px;
padding: 11px 22px; padding: 11px;
font-size: 22px; font-size: 16px;
font-weight: 600; font-weight: 600;
min-width: 18ch;
border: 3px solid #fff; border: 3px solid #fff;
&:first-child { &:first-child {
color: #000; color: #000;
background-color: #fff; background-color: #fff;
margin-bottom: 22px;
} }
&:last-child { &:last-child {
@ -74,19 +82,21 @@ body.rwavw-custom {
} }
h1 { h1 {
margin: 44px 0; margin: 11px;
font-size: 90px; font-size: 36px;
line-height: 1.2;
font-weight: 400; font-weight: 400;
} }
.heading-col-title { .heading-col-title {
font-size: 32px; font-size: 22px;
line-height: 1.2;
font-weight: 400; font-weight: 400;
} }
p { p {
margin-bottom: 22px; margin-bottom: 22px;
font-size: 22px; font-size: 16px;
} }
.header-details { .header-details {
@ -95,6 +105,54 @@ body.rwavw-custom {
} }
@media (max-width: 63.98em) {
#home {
justify-content: center;
align-items: center;
padding: 55px 11px 22px !important;
h1 {
text-align: center;
margin-bottom: 22px;
}
p {
text-align: center !important;
}
}
}
@media (min-width: 767px) {
#home {
h1 {
margin: 55px 0;
font-size: 60px;
}
}
}
@media (min-width: 64em) {
#home {
padding: 55px 11px 55px !important;
h1 {
font-size: 90px;
}
.hero-cta {
margin: 66px 0 66px;
flex-direction: row;
a {
margin: 0 11px;
&:first-child {
margin-bottom: 0;
}
}
}
}
}
} }
} }

View File

@ -0,0 +1,38 @@
body.rwavw-custom {
.testimonials-widget {
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// justify-content: center;
// align-items: center;
> .image {
order: 2;
flex: 1 1 auto;
width: 4em;
height: 4em;
border-radius: 50%;
background-color: #999;
overflow: hidden;
> img {
width: 100%;
height: auto;
}
}
> blockquote {
order: 1;
flex: 0 0 100%;
background-color: rgba(red, 0.1);
}
> .credit {
order: 3;
flex: 0 1 100%;
background-color: rgba(orange, 0.1);
}
}
}

View File

@ -3,6 +3,7 @@
@import "feature-sunset"; @import "feature-sunset";
@import "contact"; @import "contact";
@import "faq"; @import "faq";
@import "social-proof";
@import "footer"; @import "footer";
#top-nav .ext-nav-toggle, #top-nav .ext-nav-toggle,