Как сделать адаптацию сайта?
Простейшая вариация 
https://jsfiddle.net/pd7segt0/

Только у себя в head добавьте 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
без него @media  не будут работать.
Это называется адаптивная верстка