anchor.diff:  <style>
   
  +  h2 {
  +    font-weight:normal;
  +  }
  +
  +  
     .course_img {
  -    height: 55px;
  -    width: 55px;
       border-radius: 5px;
     }
  -  #browse_show .span7 {
  -    margin-left:0px;
  -  }
  -  #browse_show .span1 a:link {
  -    font-size: 13px;
  +  #browse_show .row {
  +    margin-bottom:10px;
  +  }
  +
  +
  +
  +  @media (max-width: 480px) {
  +    .course_img { display:none;}
  +  }
  +
  +  @media (max-width: 768px) {
  +    .course_img { display:none;}
  +  }
  +
  +  @media (min-width: 1200px) {
  +    #browse_show .span6, #browse_show .span5 {
  +      margin-left: 25px;
  +    }
     }
   
   </style>
  -
   
   <section id="browse_show">
     <header class="page-header">
  
positive.code:   </header>
  
    <div class="row">
      <div class="span6">
        <h3><a href="">Agency Economics - 2012 Overview</a></h3>
        <p class="categories"><a href="">Sales</a>, <a href="">Marketing</a>, <a href="">Leadership</a>, <a href="">Motivation</a></p>
        <p>Look forward to the new Agency Compensation Program with this overview of how it will function and benefit agents in 2012</p>
        <div class="row">
          <div class="span5">
            <div class="progress progress-success">
              <div class="bar" style="width: 10%"></div>
            </div>
          </div>
          <div class="span1">
            <a class="btn" href="">Resume</a>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="span6">
        <h3><a href="">Allstate Business Insurance - It's Everywhere</a></h3>
        <p class="categories"><a href="">Sales</a>, <a href="">Marketing</a>, <a href="">Leadership</a>, <a href="">Motivation</a></p>
        <p>Learn how to better identify and acquire Allstate Business Insurance (ABI) leads using the ideas and strategies from this great course!</p>
        <div class="row">
          <div class="span5">
            <div class="progress progress-success">
  
negative.code:       </div>
      </div>
    </div>
  
    <div class="row">
      <div class="span1">
        <%= image_tag('course.jpg', :class => 'course_img') %>
      </div>
      <div class="span6">
        <div class="row">
          <div class="span6">
            <a href="#"><i class="icon-ok"></i> Essential </a>
            <a href="#"><i class="icon-heart"></i> 212,396 Likes </a>
          </div>
        </div>
        <div class="row">
          <div class="span6">
            <h2><a href="">Strategies for Growing in the Multicultural Marketplace and Making Your Agency Succeed</a></h2>
          </div>
        </div>  
        <div class="row">
          <div class="span5">
            <div class="progress progress-success">
              <div class="bar" style="width: 80%"></div>
            </div>
          </div>
          <div class="span1">
            <a class="btn" href="">Resume</a>
          </div>
        </div>
      </div>
    </div>
  
    <div class="row">
      <div class="span1">
        <%= image_tag('course.jpg', :class => 'course_img') %>
      </div>
      <div class="span6">
        <div class="row">
          <div class="span6">
            <a href="#"><i class="icon-ok"></i> Essential </a>
            <a href="#"><i class="icon-heart"></i> 212,396 Likes </a>
          </div>
        </div>
        <div class="row">
          <div class="span6">
            <h2><a href="">Strategies for Growing</a></h2>
          </div>
        </div>
        <div class="row">
          <div class="span5">
            <div class="progress progress-success">
  