// Typography
$base-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
$base-line-height: 1.4;
$header-line-height: 1.3;
$print-font-size: 14px;
$base-font-colour: $black;
$body-font-size: (null: 18px, $smaller-screen: 16px);
$h1-font-size: (null: 44px, $smaller-screen: 30px);
$h2-font-size: (null: 35px, $smaller-screen: 25px);
$h3-font-size: (null: 28px, $smaller-screen: 23px);
$h4-font-size: (null: 22px, $smaller-screen: 17px);
$h5-font-size: (null: 18px, $smaller-screen: 15px);
$h6-font-size: (null: 18px, $smaller-screen: 16px);
$small-font-size: (null: 16px, $smaller-screen: 14px);

body {
  font-family: $base-font;

  @include font-size-map($body-font-size);

  font-weight: 400;
  line-height: $base-line-height;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: $base-font-colour;
}

cite {
  display: block;
  margin-left: $gutter * 3;
  font-style: normal;
  font-family: $base-font;
  color: $grey-1;
  padding-bottom: 3px;
}

p,
pre {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

p {
  margin-top: 0;
}

hr {
  border: 0;
  border-top: 1px solid $grey-2;
  margin: $gutter 0 0;
}

caption {
  text-align: left;
}

.bold {
  font-weight: bold;
}