anchor.diff:        </div>
       </div>
     </div>
  -  <div class="giant-page-home-roles-all-div">
  -    <div class="giant-page-home-roles-caption-all-div">
  -       <div class="giant-page-home-roles-caption-tab-div">
  -         <img src="/assets/giant-roles-tab.png"></img>
  -       </div>
  -      <h2 class="giant-page-home-roles-caption-text-heading">
  -        POPULAR ROLES WE FILL
  -      </h2>
  -    </div>
  -    <div class="giant-page-home-roles-list-all-div">
  -      <div class="giant-page-home-roles-list-bundle-empty-div">
  +  <div class="giant-section-logos-all-div giant-background-logos-home">
  +  </div>
  +  <div class="giant-section-substance-all-div">
  +    <%= render partial: 'caption_substance', locals: { text:'POPULAR ROLES WE FILL' } %>
  +    <div class="giant-section-substance-roles-list-all-div">
  +      <div class="giant-section-substance-roles-list-bundle-empty-div">
         </div>
  -      <div class="giant-page-home-roles-list-bundle-filled-div">
  -        <div class='giant-page-home-roles-list-single-div'>
  +      <div class="giant-section-substance-roles-list-bundle-filled-div">
  +        <div class='giant-section-substance-roles-list-single-div'>
             <ul id="role_list_a">
               <li>VP of Product</li>
               <li>Director of Product</li>
  
positive.code:             <li>Video Editor</li>
            </ul>
          </div>
          <div class='giant-page-home-roles-list-single-div'>
            <ul id="role_list_b">
              <li>Executive Creative Director</li>
              <li>Creative Director</li>
  
negative.code:             <li>Brand Ambassador</li>
            </ul>
          </div>
          <div class='giant-section-substance-roles-list-single-div'>
            <ul id="role_list_c">
              <li>Corporate/PR Communications</li>
              <li>Marcom</li>
  