body {
  font-family: $NTA-Light-Tabular;
}

h2 {
  @include core-19($tabular-numbers: true);
}

p {
  @include core-16($tabular-numbers: true);
}

a[rel="external"] {
  @include external-link-default;
  @include external-link-16;

}

#content {
  h1 {
    @include bold-24($tabular-numbers: true);
  }

  h2 {
    margin-top:0;
    @include core-16($tabular-numbers: true);
  }

  section {
    margin-top:1em;
    margin-bottom:1.5em;

    h1 {
      @include bold-24($tabular-numbers: true);
    }

    h2 {
      @include bold-24($tabular-numbers: true);
    }

    h2.dashboard, h3 {
      @include core-16($tabular-numbers: true);
    }

    .double-decker-graph h3 {
      @include bold-19($tabular-numbers: true);
    }
  }
}

  

body {
  font-family: $NTA-Light-Tabular;
}

h2 {
  @include core-19;
}

p {
  @include core-16($tabular-numbers: true);
}

a[rel="external"] {
  @include external-link-default;
  @include external-link-16;

}

#content {
  h1 {
    @include bold-24;
  }

  h2 {
    margin-top:0;
    @include core-16;
  }

  section {
    margin-top:1em;
    margin-bottom:1.5em;

    h1, h2 {
      @include bold-24;
    }

    h2.dashboard, h3 {
      @include core-16($tabular-numbers: true);
    }

    .double-decker-graph h3 {
      @include bold-19($tabular-numbers: true);
    }
  }
}

Switch off tabular numbers in headings
Switch off tabular numbers in headings

Using tabular numbers means that Chrome calculates the text width
wrongly, resulting in a weird display of our heading links.

We don't really need tabular numbers in headings, because we shouldn't
really have any numbers in headings. So let's switch them off.

This is a workaround for https://code.google.com/p/chromium/issues/detail?id=344347
