new respond code

Created new media query to stop bootstrap from changing the layout after the ipad portrait size. The layout now stays the same and creates a horizontal scroll. It can be easily changed if we decide we are catering to the smart phone screen sizes.