Andrew Floatrx

api.jquery.com/replacewith

$( "button" ).click(function() {
  $( this ).replaceWith( "<div>" + $( this ).text() + "</div>" );
});

Я просто оставлю это здесь регулярка

Такие скрипты называются "аккордеон", их полно, например:
https://vctrfrnndz.github.io/jquery-accordion/

Назовите мне хоть одну причину, зачем тут нужен бутстрап? :)
- лейаут с выкрутасом
- резины и адаптивности нет
- дизайн элементов (кнопочки етц) кастомный

Так и побить страницу на 2 блока (левый и правый), а уже внутри них плясать.
Ширину этих блоков можно подобрать процентами, или vw, или calc - вариантов много, нужно пробовать.
Вероятно, нужен будет либо флексбокс, либо абсолютное позиционирование, чтобы отогнать нижний логотип вниз.

Но сделаю оговорку, что надо видеть внутренние страницы - они могут быть другими и серьезно повлиять на подход.

тебе нужен fancybox.
Вот очень простая библиотека
fancyapps.com/fancybox