@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;
}

}