Responsive by breakpoints - mediaqueries per element

That's my idea for a first responsive layout.

FYI: It's my first pull request, I hope a submitted it right.

With the CSS, my idea is to create responsive media queries by breakpoints, so each element would have its media query as it broke out of layout. I did it for small screens...