Лучшая реализация части макета

Сайт написан на bootsrap 3, появилась задача редизайна. Возник вопрос, как лучше реализовать синею секцию, чтобы была стыковка с основной сеткой.

Я вижу несколько вариантов:
1. Использовать калькулятор CSS, но выйдет что-то вроде такого:

width: calc(((100vw - 1280px)/ 2) + 835px);

2. С использование JS получать координаты и функцию render'a задать на слушатель 'resize';
3. Использовать обычную сетку бутстрапа, к родителю задать position: relative, а к ребенку задать position: absolute и с запасом установить width. Например:

width: 70vw
position: absolute;
left:0;
top:0;

4. C помощью grid-css;

Также интересны и другие варианты. Всем спасибо за внимание