<h2 class="heading-medium">Formatting</h2>
<p class="bottom-gutter-1-3">
  To put a title in your template, use a hash:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    # This is a title
  </p>
</div>
<p class="bottom-gutter-1-3">
  To make bullet points, use asterisks:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    * point 1<br/>
    * point 2<br/>
    * point 3<br/>
  </p>
</div>
<p class="bottom-gutter-1-3">
  To add a callout, use a caret:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    ^ You must tell us if your circumstances change
  </p>
</div>
<p class="bottom-gutter-1-3">
  To add a horizontal line, use three dashes:
</p>
<div class="panel panel-border-wide">
  <p>
    First paragraph
  </p>
  <p style="letter-spacing: 1px;">
    ---
  </p>
  <p>
    Second paragraph
  </p>
</div>

<h2 class="heading-medium">Formatting</h2>
<p class="bottom-gutter-1-3">
  To put a title in your template, use a hash:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    # This is a title
  </p>
</div>
<p class="bottom-gutter-1-3">
  To make bullet points, use asterisks:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    * point 1<br/>
    * point 2<br/>
    * point 3<br/>
  </p>
</div>
<p class="bottom-gutter-1-3">
  To inset text, use a caret:
</p>
<div class="panel panel-border-wide bottom-gutter">
  <p>
    ^ You must tell us if your circumstances change
  </p>
</div>
<p class="bottom-gutter-1-3">
  To add a horizontal line, use three dashes:
</p>
<div class="panel panel-border-wide">
  <p>
    First paragraph
  </p>
  <p style="letter-spacing: 1px;">
    ---
  </p>
  <p>
    Second paragraph
  </p>
</div>

Change callout to inset text
Change callout to inset text