Верстка 5 адаптивных страниц по дизайну на Bootstrap 4 scss

Верстка 5-х адаптивных (desktop, tablet,mobile) страниц:

-Главная

-Каталог новостей

-Новость

-Текстовая страница с базовой типографской (h1-h6 p ul ol li table... чтобы когда мы начали заполнять обычный текст все было красиво и не нужно было бы прописывать стили.)

-404

Есть верстка этого проекта на grid, но она нам не подошла так как весь контент старый чисто на Bootstrap 4 и его нужно будет встраивать.

https://ykolesnyk2018.github.io/works/rollet/index.html

https://ykolesnyk2018.github.io/works/rollet/catalog.html

https://ykolesnyk2018.github.io/works/rollet/news.html

https://ykolesnyk2018.github.io/works/rollet/slider.html

https://ykolesnyk2018.github.io/works/rollet/tipograph.html

В дизайне есть два упущения: 

- Cейчас глубина меню - 2, нам нужна глубина - 3, если удастся это поправить будет здорово. 

- При наведении на хлебную крошку должен выпадать список родственных элементов (https://s.mail.ru/36Bk/3Jn6GzMVk) 

Дизайн - https://www.figma.com/file/GyJvJQ3STiKYRlgPC51dzP/Технодом

Старый контент чисто на Bootstrap 4 желательно чтобы его не размазало)https://technodom-xl.ru/landing-service/rolstavni.html