2019-09-24 14:37:41 -07:00
|
|
|
.site-header {
|
2019-10-05 09:48:26 -07:00
|
|
|
.site-title,
|
|
|
|
.site-description {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2019-10-18 09:19:27 -07:00
|
|
|
&.home {
|
2019-09-24 14:37:41 -07:00
|
|
|
background: #0073aa;
|
|
|
|
|
|
|
|
@include breakpoint( $ms-breakpoint ) {
|
|
|
|
padding: ms( 10 ) ms( 4 );
|
|
|
|
}
|
|
|
|
|
|
|
|
.site-title {
|
|
|
|
color: #fff;
|
|
|
|
display: block;
|
2019-10-18 09:19:27 -07:00
|
|
|
font-size: 1.4rem;
|
2019-09-24 14:37:41 -07:00
|
|
|
font-weight: 300;
|
|
|
|
line-height: 1;
|
2019-10-18 09:19:27 -07:00
|
|
|
margin: 2rem 0 .6rem;
|
2019-09-24 14:37:41 -07:00
|
|
|
|
|
|
|
@include breakpoint( $ms-breakpoint ) {
|
|
|
|
font-size: ms( 12 );
|
|
|
|
}
|
2019-10-05 09:48:26 -07:00
|
|
|
|
|
|
|
@include breakpoint( $breakpoint-tablet ) {
|
2019-10-18 09:19:27 -07:00
|
|
|
font-size: 3.75rem;
|
2019-10-05 09:48:26 -07:00
|
|
|
text-align: center;
|
|
|
|
}
|
2019-09-24 14:37:41 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.site-description {
|
|
|
|
color: #fff;
|
2019-09-26 15:34:24 -07:00
|
|
|
max-width: 100%;
|
2019-09-24 14:37:41 -07:00
|
|
|
padding: 11px 0;
|
2019-10-18 09:19:27 -07:00
|
|
|
font-size: 1rem;
|
2019-10-05 09:48:26 -07:00
|
|
|
|
|
|
|
@include breakpoint( $breakpoint-tablet ) {
|
2019-10-18 09:19:27 -07:00
|
|
|
font-size: 1.25rem;
|
2019-10-05 09:48:26 -07:00
|
|
|
text-align: center;
|
|
|
|
}
|
2019-09-24 14:37:41 -07:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|