Primary background image now resizes with the browser and on page load. "mainImage" now uses an ID (instead of a class) to improve jQuery and CSS rendering speeds.
Minor code formatting.
 Added light-weight "inview" library to "trigger" logo animation when they become in view. This fixes the bug noted at commit 13fde84.
Added scrolling section for projects. Still working on keeping the content centered with margins.
Slider width is now percentage based. This fixes issue where text wasn't wrapping on window-resize.
Added JS so that project div widths in the slider now update and translate as the browser resizes. Note: The whole purpose of this is so that text resizes/wraps within the projec sections, but I need to determine whether this effects performance. As an alternative, I could just use static widths and have "shrink" points where the content is resized...instead of resizing constantly.
Removed JS related to browser resizing. This logic has been moved to the CSS for better performance and more logical code cohesion.
Also moved contentContainer Div, so that only the project content has 80% width instead of the whole slider container. This makes it so that content still "slides" all the way off the screen, but stays centered when on screen.
Moved overflow css to parent div (#projects).
Restructured slider html; “Projects” title is now independent from the slider animations. Added images for the project thumbnails and styled the thumbnail section. Simplified Javascript for Slider thumbnails.
Added a fifth project to the project section and adjusted css accordingly. Modified the slider transition animation speeds. Added transition animations and opacity to slider thumbnails.
Created responsive CSS for the Project Slider, Thumbnails, and individual project sections. The slider is now hidden completely when viewed with mobile.
Changed background colors for project sections.
Changed width to 94%. This fixed a mobile bug where the container was displaying outside of normal viewport size.
Major CSS Cleanup: Removed unneccisary descendant selectors to improve performance. Tech Logos are now styled with a single class instead of multiple IDs (Need to watch the performance since this is a slower selector). Removed .mobileContentContainer and extra projectTitle <h1> to simplify responsive styles.
Partial FIx for responsive width issue.
Added some content.
Added "width=device-width" to head. This should have already been here, but I was testing to see how things would work without it.
Re-arranged media-queries to improve readability. Removed contentContainer padding and .projectContent 100% width. Mobile content currently uses the default 80% width.
Mobile content width is now set to 95%.
Mobile nav width is now based on the content width and centered with the content (using margin: 0 auto). Removed mobile-button margin-right since this space is now determined by the content width. Removed mobile-logo fixed positioning since it is no longer needed.
Adjusted mobile content width and header logo positioning.
Moved header logo slightly right.
Merge branch 'content' into develop