govarch-website/_sass/_masthead.scss
2018-08-25 10:31:29 -07:00

33 lines
577 B
SCSS

.site-masthead {
background: $brand-color;
box-sizing: border-box;
min-height: 50vh;
padding: 2em;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
@media screen and (min-width: $on-laptop) {
padding: 6em 2em;
}
}
.site-masthead h1 {
font-size: 3em;
margin-bottom: 0;
margin-top: 0;
@media (min-width: $on-tablet) {
font-size: 6em;
}
}
.site-masthead h2 {
color: $muted-text-color;
font-size: 1.25em;
margin: 0;
@media (min-width: $on-tablet) {
font-size: 3em;
}
}