govarch-website/_sass/_masthead.scss
2018-07-31 07:57:25 -07:00

29 lines
507 B
SCSS

.site-masthead {
background: $brand-color;
min-height: 100vh;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: $spacing-unit * 2;
}
.site-masthead h1 {
font-size: 3em;
margin-bottom: .125em;
@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;
}
}