/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
.heading1___28omC {
  font-size: 4rem;
  line-height: 4.8rem;
  font-weight: 800;
  letter-spacing: 0.5px; }
  @media only screen and (min-width: 768px) {
    .heading1___28omC {
      font-size: 5.6rem;
      line-height: 6.8rem; } }
  @media only screen and (min-width: 992px) {
    .heading1___28omC {
      font-size: 6rem;
      line-height: 6.8rem; } }

.heading2___3nFNC {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: bold;
  letter-spacing: 0.5px; }
  @media only screen and (min-width: 768px) {
    .heading2___3nFNC {
      font-size: 3.6rem;
      line-height: 4.5rem;
      letter-spacing: 0.25px; } }
  @media only screen and (min-width: 992px) {
    .heading2___3nFNC {
      font-size: 4rem;
      line-height: 4.4rem; } }

.heading3___24-SZ {
  font-size: 2.6rem;
  line-height: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.25px; }
  @media only screen and (min-width: 768px) {
    .heading3___24-SZ {
      font-size: 2.8rem;
      line-height: 3.6rem; } }
  @media only screen and (min-width: 992px) {
    .heading3___24-SZ {
      font-size: 3rem;
      line-height: 3.6rem; } }

.heading4___1-V6a {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.25px; }
  @media only screen and (min-width: 768px) {
    .heading4___1-V6a {
      font-size: 2.2rem;
      line-height: 2.8rem; } }

.heading5___1zS0Z {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.25px; }
  @media only screen and (min-width: 768px) {
    .heading5___1zS0Z {
      font-size: 2rem;
      line-height: 2.4rem; } }

.heading6___2mqXA {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.25px; }
  @media only screen and (min-width: 768px) {
    .heading6___2mqXA {
      font-size: 1.8rem;
      line-height: 2.4rem; } }

.heading7___2tFYm {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: bold;
  letter-spacing: 0.25px; }

/**
 * Allows you to use retina images at various pixel densities.
 * Examples:
 *
 *   @include retina(/images/mypic.jpg, 2);
 *   @include retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 *
 * @param  {Value}  $path               The path to the file name minus extension.
 * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * @param  {Value}  $extras: null       Any other `background` values to be added.
 */
.paragraph___3dHSZ {
  font-size: 1.7rem;
  line-height: 2.8rem; }
  @media only screen and (min-width: 768px) {
    .paragraph___3dHSZ {
      font-size: 1.8rem;
      line-height: 2.8rem; } }
  .paragraph___3dHSZ.micro___2YXmv {
    font-size: 1.4rem;
    line-height: 2.2rem; }
  .paragraph___3dHSZ.small___2yqUB {
    font-size: 1.5rem;
    line-height: 2.4rem; }
    @media only screen and (min-width: 768px) {
      .paragraph___3dHSZ.small___2yqUB {
        font-size: 1.6rem;
        line-height: 2.4rem; } }
  .paragraph___3dHSZ.large___uDtjj {
    font-size: 1.9rem;
    line-height: 3rem; }
    @media only screen and (min-width: 768px) {
      .paragraph___3dHSZ.large___uDtjj {
        font-size: 2rem;
        line-height: 3rem; } }
  .paragraph___3dHSZ.subheading___2odv- {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 600; }