Слайдер

Нужно будет сверстать слайдер. Без использования сторонних библиотек в том числе Jquery.
В слайдере горизонтально должны быть расположены 4 прямоугольника высотой 60 пикселей и длинной в 200 пикселей. Это будет основа для будущего слайдера. 
Сделать чтобы по бокам были кнопки вперед и назад
Сделать чтобы при нажатии на кнопку вперед или назад div слайдера передвигался вбок на 250 пикселей, так чтобы появлялся новый элемент
Это же в этой стороне нет того элемента который должен появиться ( как например если нажать влево сразу как только страница загружена, то div должен передвигался в противоположный конец
Сделать чтобы если ширина экрана будет меньше чем 750 пикселей длина слайдера поменялась на 80% от экрана , а содержание самого слайдера сдвинулось влево до упора