anchor.diff:            <a href="/team" hidden>team</a>
           </div>
         </div>
  -      <div class="col-md-2 col-xs-3">
  +      <div class="col-md-2 col-xs-4">
           <a href="/projects">projects</a>
         </div>
  -      <div class="col-md-2 col-xs-3" id="nav-logo">
  +      <div class="col-md-2 col-xs-4" id="nav-logo">
           <a href="/"><%= image_tag 'doodle_white_logo_only.png', alt:"Doodles Academy", size: "50", class: "brand" %></a></li>
         </div>
  -      <div class="col-md-2 col-xs-3 dropdown">
  +      <div class="col-md-2 col-xs-4 dropdown">
           <a href="/contact">contact us</a>
           <div class="dropdown-content">
             <a href="/contact" hidden>get in touch</a>
  
positive.code:           <a href="/class" hidden>PDX Classes</a>
          </div>
        </div>
        <div id="nav-donate-btn" class="col-md-2 col-xs-3">
          <a href="/donate">donate</a>
        </div>
      </div>
  
negative.code: <div class="doodles-nav hidden">
    <div class="container">
      <div class="row nav-menu">
        <div class="col-md-2 col-xs-4 dropdown">
          <a href="/about">about us</a>
          <div class="dropdown-content">
            <a href="/about" hidden>our story</a>
  