body, h1, h2, h3, h4, h5, h6 {

font-family: "Ember", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
color: #111; }

h1, .h1 {

font-size: 34px;
font-weight: 300; }
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 48px; } }

h2, .h2 {

font-size: 28px;
font-weight: normal; }
@media (min-width: 992px) {
  h2,
  .h2 {
    font-size: 42px;
    font-weight: 300; } }

h3, .h3 {

font-size: 24px;
font-weight: normal; }
@media (min-width: 992px) {
  h3,
  .h3 {
    font-size: 34px;
    font-weight: 300; } }

h4, .h4 {

font-size: 21px;
font-weight: normal; }
@media (min-width: 992px) {
  h4,
  .h4 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 300; } }

h5, .h5 {

font-size: 18px;
font-weight: bold; }
@media (min-width: 992px) {
  h5,
  .h5 {
    font-size: 21px;
    line-height: 25px;
    font-weight: normal; } }

h6, .h6 {

font-size: 16px;
font-weight: bold;
text-transform: none; }
@media (min-width: 992px) {
  h6,
  .h6 {
    font-weight: normal; } }

p {

font-size: 16px;
font-weight: 300; }

a, .link-style {

color: #0066c0; }
a:hover,
.link-style:hover {
  color: #e87825;
  text-decoration: underline; }

/*# sourceMappingURL=typography.css.map */