anchor.diff:      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, incidunt, minima, numquam blanditiis nobis soluta id aliquid eius error ipsam animi quaerat eligendi veritatis at facere quibusdam officia vel. Distinctio!</p>
       <p><a href="#" class="js-close-modal btn primary medium">Got it!</a></p>
     </div>
  -</div>
  -
  -<div id="faq2" class="modal fade-in">
  +</aside>
  +
  +<aside id="modal--faq2" class="modal fade-in">
     <div class="modal-content slide-in-fast">
       <a href="#" class="js-close-modal modal-close-button btn secondary medium">&times;</a>
       <h2>Tips on how to share the socks:</h2>
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, incidunt, minima, numquam blanditiis nobis soluta id aliquid eius error ipsam animi quaerat eligendi veritatis at facere quibusdam officia vel. Distinctio!</p>
       <p><a href="#" class="js-close-modal btn primary medium">Got it!</a></p>
     </div>
  -</div>
  -
  -<div id="faq3" class="modal fade-in">
  +</aside>
  +
  +<aside id="modal--faq3" class="modal fade-in">
     <div class="modal-content slide-in-fast">
       <a href="#" class="js-close-modal modal-close-button btn secondary medium">&times;</a>
       <h2>Frequently Asked Questions:</h2>
  
positive.code: <div class="full-width">
    <img src="/images/placeholders/wallpaper.png" alt="campaign image" class="full-width">
  </div>
  
  <div class="page-width with-copy">
    <div class="row section">
      <h2>Fight texting &amp; driving.</h2>  
    </div>
  
    <div class="messages success">You're signed up for <strong>Thumb Wars</strong>!</div>
  
    <div class="row section action--step action--step-active">
      <h3>Step 1: Learn</h3>
      <div class="action--description">
        <p>When you text and drive, your eyes can go off the road for the length of a football field. But your thumbs, and our free thumb socks, can save the day.</p>
        <ul class="action--faq">
          <li><a href="#faq1" class="js-trigger-modal">More stats on distracted driving.</a></li>
        </ul>
  
        <div class="action--stepper callout">
          <a href="#" class="btn primary medium js-action-step-complete">Next Step</a>
        </div>
      </div>
    </div>
  
    <div class="row section action--step action--step-inactive">
      <h3>Step 2: Plan</h3>
      <div class="action--description">
        <p>Enter your address below to get two free pairs of thumb socks. Then, pick a friend or family member who texts and drives and share the socks with them in a surprising way. The more creative and fun, the more effective it’ll be.</p>
  
        <p class="action--result">
          You chose to send your socks to <strong class="js-action-result">The Evil Lair</strong>. (<a class="js-change-location" href="#">change</a>)
        </p>
  
        <ul class="action--faq">
          <li><a href="#faq2" class="js-trigger-modal">Tips on how to share the socks</a></li>
          <li><a href="#faq3" class="js-trigger-modal">More questions? Read our FAQ.</a></li>
        </ul>
  
        <div class="action--widget">
  
negative.code:         </form>
        </div>
  
      </div>
    </section>
  
    <section class="row action--step">
      <h3 id="do">Step 3: Do It</h3>
      <div class="action--description">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
  
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
  
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
  
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
  
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
      </div>
    </section>
  
    <section class="row section campaign-section">
      <h3 class="section-header"><span>Your Impact</span></h3>
  
      <div class="gallery-image">
        <img src="http://www.placekitten.com/g/960/500" alt="">
      </div>
  
      <ul class="gallery-thumbs">
        <li class="gallery-thumb">
          <a href="#" title=""><img src="http://www.placekitten.com/g/220/220" alt="" /></a>
        </li>
        <li class="gallery-thumb">
          <a href="#" title=""><img src="http://www.placekitten.com/g/200/200" alt="" /></a>
        </li>
        <li class="gallery-thumb">
          <a href="#" title=""><img src="http://www.placekitten.com/g/240/240" alt="" /></a>
        </li>
        <li class="gallery-thumb">
          <a href="#" title=""><img src="http://www.placekitten.com/g/250/250" alt="" /></a>
        </li>
        <li class="gallery-thumb">
          <a href="#" title=""><img src="http://www.placekitten.com/g/260/260" alt="" /></a>
        </li>
      </ul>
    </section>
  
    <section class="row action--step">
      <h3 id="tell">Step 4: Tell Us</h3>
      <div class="action--description">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit</p>
  
        <div class="action--stepper callout">
          <a href="#" class="btn primary medium js-action-step-complete">Tell Us</a>
        </div>
      </div>
    </section>
  
    <section class="row callout action--help">
      <p>Still have questions? E-mail <a href="mailto:#">name@dosomething.org</a>!</p>
    </section>
  </div>
  
  <aside id="modal--faq1" class="modal fade-in">
    <div class="modal-content slide-in-fast">
      <a href="#" class="js-close-modal modal-close-button btn secondary medium">&times;</a>
      <h2>More stats on distracted driving:</h2>
  