//
// Headings
//

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: $headings-margin-bottom;
  font-family:   $headings-font-family;
  font-weight:   $headings-font-weight;
  line-height:   $headings-line-height;
}

h1, .h1 {
  margin:      0 0 20px;
  padding:     40px 0 0;
  font-size:   $font-size-h1;
  font-weight: 100;

  body.ui-normalize & {
    padding:        0;
    margin:         0 0 25px;
    letter-spacing: -0.04rem;
  }
}
h2, .h2 {
  font-size: $font-size-h2;
  body.ui-normalize & {
    padding: 0;
    margin: 0 0 25px;
  }
}
h3, .h3 {
  font-size: $font-size-h3;
  body.ui-normalize & {
    margin:      0 0 25px;
    font-weight: bold;
  }
}
h4, .h4 {
  font-size: $font-size-h4;
  body.ui-normalize & {
    margin:      0 0 25px;
    font-size:   $font-size-h3;
    font-weight: lighter;
  }
}
h5, .h5 {
  font-size: $font-size-h5;
  body.ui-normalize & {
    margin:         0 0 20px;
    letter-spacing: 0.02rem;
    font-weight:    bold;
  }
}
h6, .h6 { font-size: $font-size-h6; }

.ui-page-header {
//   font-weight:   600;
  margin-bottom: 4rem !important;
}