// Content --------------------------------------------------------------------

#content {
  background: url("@{imgPath}/bg_pattern.png");

  & > section {
    background: url("@{imgPath}/about/sf_watermark.png") no-repeat top right;
    .container;
  }

  h1 {
    margin: 100px auto 0;
    color: #444;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
  }

  h1 + p,
  .story p {
    margin-top: 0;
    margin-bottom: 0;
    color: @link;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,1);
  }

  .story {
    margin: 80px auto 0;
    padding: 10px 0;
    .push(2);
    .pull(2);
    border: 1px;
    border-style: dashed;
    border-color: @grayLight;
    border-left: none;
    border-right: none;

    p {
      margin-top: 18px;
      margin-bottom: 18px;
    }
  }

  hr {
    border-style: dashed;
    border-color: @grayLight;
    margin-bottom: 65px;
  }
}

// Content --------------------------------------------------------------------

#content {
  background: url("@{imgPath}/bg_pattern.png");

  & > section {
    background: url("@{imgPath}/about/sf_watermark.png") no-repeat top right;
    .container;
  }

  h1 {
    margin: 100px auto 0;
    color: #444;
    font-size: 48px;
    line-height: 62px;
    text-align: center;
  }

  h1 + p,
  .story p {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,1);
  }

  h1 + p { color: @link; }

  .story {
    margin: 80px auto 0;
    padding: 10px 0;
    .push(2);
    .pull(2);
    border: 1px;
    border-style: dashed;
    border-color: @grayLight;
    border-left: none;
    border-right: none;

    p {
      margin-top: 18px;
      margin-bottom: 18px;
    }
  }

  hr {
    border-style: dashed;
    border-color: @grayLight;
    margin-bottom: 65px;
  }
}

Change color of our story
Change color of our story
