govarch-website/_sass/_masthead.scss
2018-08-12 09:55:37 -07:00

29 lines
490 B
SCSS

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