Верстка layout сайта на bootstrap

Необходимо сверстать  макет (сетку) основного лейаута для сайта.

Изображение приложено, там есть циферки, которые я опишу ниже.

1. Верхняя плашка, она всегда "прилипает" к верху экрана при прокрутке.

Верхняя плашка на всю ширину экрана браузера.

Под верхней плашкой находится баннерная плашка, она так же на всю ширину.

Баннерная плашка скроллится с основным контентом.

Баннерная плашка скрывается при брейкпоинте менее 480 пикселей.

2. При прокрутке контента, когда меню основного блока скрывается под этой плашкой, на плашке появляется иконка "отображение меню", при клике на которой блок меню всплывает под верней плашкой (toggle).

3. Основной контейнер состоит из 2 колонок - левая - динамической ширины, правая - фиксированная, 220 пикс.

Максимальная ширина основного блока - 1200 пикселей.

Минимальная ширина основного блока - 320 пикселей.

Меню основного контента скрывается в иконку [2] при брейкпоинте менее 768 пикселей (брендирование на этом брейкпоинте также скрывается, об этом ниже).

Сайдбар справа перемещается над основным при брейкпоинте менее 768 пикселей, при этом "сворачивается" в иконку, при нажатии на которой разворачивается.

Бредирование (брендированный фон основного контента).

Изображение на фоне скроллится с остальным контентов.

Изображение явлется кликабельным в видимой части.

При брейкпоинте менее 768 пикселей брендирование скрывается.