responsive bugs

There are a few problems with responsive behavior. I was wondering if you noticed these and if there are fixes. I am putting these into a single issue, and this is not complete but lists the worst issues I have seen: 1) Seen on iPad1: When page scroll is not at the very top there is usually a scroll jitter. Header changes in height and scroll moves. It has to do with calculating and recalculating the modified height of the top menu div. Often the browser will crash. I have yet to be able to test on IPad2 and up. 2) Can be seen on desktop browser made to mimic smaller sizes and on iPad and iPhone: Meet the team block (.view-team). On iPad and iPhone the images don't show up at all. In all cases the text is not scrolled and unreadable and the social media icons are floating on top of text and in bad locations. Also the way I would usually make something like this work in bootstrap is to have them stack, 1 per row, in mobile (just saying). 3) mobile main menu button and search icon overlap at times, position inconsistent. 4) Mobile menu bar logo size is often too large making the bar to tall, or the bar is at times too tall making the logo too big. Logo at times overlaps with menu button. Thanks. Thanks again Matt