Верстка лендинга

1. Требуется верстка лэндинга, строго pixel perfect!!!  за исключением возможных ошибок в дизайне с выравниваем. 

Макеты в 4 разрешениях в Photoshop. 

2. Нужно ориентироваться на следующие параметры ширины экрана:
- до 767 px (смартфон)
- 768 – 1023 px (планшет) 
- 1024 – 1279 px (малый десктоп)
- от 1280 и выше (большой десктоп)

3. На смартфоне и планшете сайт растягивается на ширину экран. На малом десктопе сайт зафиксирован по ширине 968 px. На большом десктопе сайт зафиксирован по ширине 1232 px.

4. На телефоне в шапке сайта внизу должно быть квадратное пустое пространство для отображения фоновой картинки. Ширина и высота этого пространства должна соответствовать ширине экрана. Фоновая картинка на телефоне должна растягиваться по ширине экрана. 

5. В шапке сайта на десктопе и планшете не должно быть фонового цвета, а на телефоне должен быть фоновый цвет #dfeef5.

6. Телефон в шапке сайта является ссылкой. При наведении внешний вид никак не менять.

7. При прокрутке сайта фиксированная шапка должна появляться тогда, когда верхняя граница экрана совпадает с нижней границей основной шапки сайта. Фиксированная шапка должна исчезать, когда нижняя граница экрана находится ниже верхней границы подвала сайта.

8. В шапке сайта у пунктов меню при наведении менять цвет на синий (#003594), не подчеркивать. При нажатии на пункт меню сайт нужно прокручивать к соответствующему разделу плавно.

9. У кнопок при наведении менять цвет фона (цвет текста и обводки)  на #18bbf0, использовать transition.