body {
  font-weight: 300;
  @media screen and (max-width: @screen-md) {
    font-size: 16px;
  }

}
h1, h2, h3, h4, h5 {
  color: @brand-primary;
   .csc-header-n1 & {
     margin-top: 0;
   }
  a:hover, a:focus {
    color: inherit;
    text-decoration: none;
  }
}

h1, .h1 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h1 * .8;
  }
}

h2, .h2 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h2 * .9;
  }
}

h3, .h3 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h3 * .9;
  }
}

h4, .h4 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h4 * 1;
  }
}

h5, .h5 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h5 * 1;
  }
}

h6, .h6 {
  @media screen and (max-width: @screen-md) {
    font-size: @font-size-h6 * 1;
  }
}


b, strong {
  font-weight: 400;
  sup {
    font-weight: 200;
  }
}

.lead {
  font-size: @font-size-base * 1.25;
  font-weight: 200;
  color: @gray;
  @media screen and (max-width: @screen-md) {
    font-weight: 300;
    font-size: @font-size-base;
  }
}

.text-brand {
  color: @gray-dark;
  font-weight: 400;
  .text-highlight {
    font-weight: 400;
  }
}

.text-highlight {
  color: @brand-primary;

}


sup {
  font-size: .75em;
  top: -0.25em;
}


// List options

// Unstyled keeps list items block level, just removes default browser padding and list-style
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

// Inline turns list items into inline-block
.list-inline {
  .list-unstyled();

  > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;

    &:first-child {
      padding-left: 0;
    }
  }
}

.list-features, .csc-bulletlist-0 {
  list-style: none;
  padding-left: @padding-base-horizontal*2;

  li {
    margin-top: floor(@line-height-computed / 4);

    &:before {
      &:extend(.icon:before);
      &:extend(.icon-check:before);

      color: lighten(@text-color,25%);
      font-size: 14px;
      margin-left: -@padding-base-horizontal*2;
      width: @padding-base-horizontal*2;
      display: inline-block;

    }
  }
}
