@import 'base';
body, h1, h2, h3, h4, h5, h6 {
font-family: "Ember", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: $font-size-base; color: $font-color-primary;
}
h1, .h1 {
font-size: 34px; font-weight: $font-weight-light; @include desktop { font-size: 48px; }
}
h2, .h2 {
font-size: 28px; font-weight: $font-weight-regular; @include desktop { font-size: 42px; font-weight: $font-weight-light; }
}
h3, .h3 {
font-size: 24px; font-weight: $font-weight-regular; @include desktop { font-size: 34px; font-weight: $font-weight-light; }
}
h4, .h4 {
font-size: 21px; font-weight: $font-weight-regular; @include desktop { font-size: 28px; line-height:34px; font-weight: $font-weight-light; }
}
h5, .h5 {
font-size: 18px; font-weight: $font-weight-bold; @include desktop { font-size: 21px; line-height:25px; font-weight: $font-weight-regular; }
}
h6, .h6 {
font-size: $font-size-base; font-weight: $font-weight-bold; text-transform: none; @include desktop { font-weight: $font-weight-regular; }
}
p {
font-size: $font-size-base; font-weight: $font-weight-light;
}
a, .link-style {
color: $link-color; &:hover { color: $link-color-hover; text-decoration: underline; }
}