title: Bootstrap resize image on table based on viewport size
body: <p>I developed a site to look up products using Bootstrap v3.3.5, see web app @ <a href="http://www.montgomerycountymd.gov/dlcsearch" rel="nofollow noreferrer">www.montgomerycountymd.gov/dlcsearch</a>, but I need assistance on displaying the product items correctly on smaller viewport sizes such as iPhone 4/5.</p>
  
  <p>I can't attach an image yet due to forum regulations, so if you could please browse to the <a href="http://www.montgomerycountymd.gov/dlcsearch" rel="nofollow noreferrer">web app</a> from an iPhone 4/5 and search for "Patron", you will see the product images very tiny, not sure why?</p>
  
  <p>Also, on smaller viewport sizes, the logo header goes to a second row, could you please advise what is the best way to resize the logo header based on viewport size?</p>