Removed extraneous div and styling.
Restructured HTML to make mobile and desktop Nav sections more distinct. Removed opacity on the header for now (except for mobile UL drop down).
Added hover state back to mobile version (You can only hover in a normal browser, but this is here in case someone shrinks their browser on a desktop device).
Removed mobile hover since testing yields unexpected behavior.
Changed main logo to a sprite to increase page effeciency when the logo is hovered.
Added more dramatic hover state to navigation. Restyled links.
Converted mobile icons to sprites to improve page perfomance when hovered.
Made hover color darker for nav items.
Added custom "favIcon" for address bar, bookmarks, etc.
Added Parallax effect. Decreased nav scroll speed. Scroll now includes easing.
Changed mainImage margin in mobile css to account for the smaller header.
MainImage now has background-attachment: fixed on desktop viewports. Parallax section is now completely hidden on mobile devices.
Changed mainImage hieght on mobile devices.
Added logo images for html5, css3, and Javascript. Increased height of parallax section.
Re-sized HTML, CSS, and JS logos to have the same height/width and adjusted their positioning to be perfectly centered on the page. Created a container div to keep all content centered on the page.
Added remaining tech logos.
Continuing to add logos and modify positioning and parallax "speed."
checkpoint.
All tech logos are now in their proper positions (except for angular logo).
Continued improvement on logo animation and positioning. Second "row" of icons now "flies-in" from left to right (and vice versa).
Known bug: The leftmost "Jira" icon sometimes does not animate after the first page load. One possible solution might be to use translate() instead of css transitions.