.heading {
padding: 0 16px;
font-family: @title;
font-weight: bold;
.hyphens();
}
h1, h2, h3, h4, h5, h6 { margin: 16px 0; } // but not `.heading`
h1 { &:extend(.heading all); font-size: 3.56em; line-height: 1; }
h2 { &:extend(.heading all); font-size: 3em; line-height: 1.2; }
h3 { &:extend(.heading all); font-size: 2.6em; line-height: 1.37; }
h4 { &:extend(.heading all); font-size: 2em; line-height: 1.55; }