html, body, *:before, *:after {
  font-family: "Roboto","Source Sans Pro","Helvetica Neue",Arial,Helvetica,sans-serif;
  line-height: 1;
  color: #181818;
}
p, li, th, td {
  font-size: 1rem;
  line-height: 1.3;
}

h1, h2 {
  font-weight: 700;
  letter-spacing: 0.05rem;
}
h2 {
  color: #b19142;
}
h2, h3 {
  text-align: center;
}
h3, h4, h5, h6 {
  font-weight: 500;
  letter-spacing: 0.05rem;
}

/* Sizing taken via natural patterns at http://type-scale.com/
  Minor Second for smallest
*/
/*
h1 { font-size: 1.296rem; line-height: 1.2; margin-bottom: 1.25rem; }
h2 { font-size: 1.215rem; line-height: 1.2; margin-bottom: 1.25rem; }
h3 { font-size: 1.138rem; line-height: 1.2; margin-bottom: 1.25rem; }
h4 { font-size: 1.067rem; line-height: 1.1; margin-bottom: 1.00rem; }
*/
h5 { font-size: 1.000rem; line-height: 1.1; margin-bottom: 1.00rem; }
h6, small, .font_small { font-size: 0.800rem; margin-bottom: 1.0rem; }

header h1 { font-weight: 500; letter-spacing: 0; }
.topic--introduction h1 { font-size: 1.383rem; line-height: 1.2; }
.topic--introduction p, .spotlight--1 a { font-size: 1.138rem; }
.topic--news { line-height: 1.2; }
.topic--news b { font-size: 115%; }
.links--outline a { font-size: 1.138rem; line-height: 1.2; }

/* Step Up - Major Second */
/*
@media screen and (min-width: 34rem)  {
*/
  h1 { font-size: 1.602rem; line-height: 1.2; margin-bottom: 1.25rem; }
  h2 { font-size: 1.424rem; line-height: 1.2; margin-bottom: 1.25rem; }
  h3 { font-size: 1.266rem; line-height: 1.2; margin-bottom: 1.25rem; }
  h4 { font-size: 1.125rem; line-height: 1.1;  margin-bottom: 1.00rem; }

  .topic--introduction h1 { font-size: 1.802rem; }
  .topic--introduction p, .spotlight--1 a { font-size: 1.266rem; }
  .links--outline a { font-size: 1.125rem; }
/*}*/

/* Step up - Minor Third */
@media screen and (min-width: 54rem)  {
  h1 { font-size: 2.074rem; margin-bottom: 1.35rem; }
  h2 { font-size: 1.728rem; margin-bottom: 1.35rem; }
  h3 { font-size: 1.440rem; margin-bottom: 1.35rem; }
  h4 { font-size: 1.200rem; margin-bottom: 1.10rem; }
  
  .topic--introduction h1 { font-size: 2.489rem; }
  .topic--introduction p, .spotlight--1 a { font-size: 1.440rem; }
  .links--outline a { font-size: 1.200rem; }
}

/* Large Screens - Major Third */
@media screen and (min-width: 62rem)  {
  h1 { font-size: 2.441rem; margin-bottom: 1.50rem; }
  h2 { font-size: 1.953rem; margin-bottom: 1.50rem; }
  h3 { font-size: 1.563rem; margin-bottom: 1.50rem; }
  h4 { font-size: 1.250rem; margin-bottom: 1.25rem; }
  
  .topic--introduction h1 { font-size: 3.052rem; }
  .topic--introduction p, .spotlight--1 a { font-size: 1.250rem; }
  .links--outline a { font-size: 1.250rem; }
}