Андрей Токмаков

https://jsfiddle.net/xNPC/paryggpx/1/

Для .para_background высота не указана, для html и body тоже, по этому .para_background занимает такую высоту, на сколько растягивает его контент.
Добавьте

html, body {
height: 100%;
}

и

.para_background {
height: 100%;
}

https://jqueryui.com/tooltip/

Ни как, сделайте из гифки своей прозрачную png и будет счастье.
Или создавайте другой блок таких же размеров и позиционируйте его сверху первого https://jsfiddle.net/xNPC/ru8q14s7/

src="//site.ru"

Собственно глупо всем <p> и т.д. в основном контенте добавлять классы. Возьмем, например, тот же сайт самой БЭМ, у них основной контент обернут блоком article и прописаны стили

.article p {}
.article ul {}
и т.д.

Так же на хабре - добавлен класс .html_format блоку с контентом и так же прописаны стили через него, по этому считаю ни чего зазорного в этом нет и делаю точно так же

Ну вообще это, наверное, задача не для перечисленных в тегах инструментов, а для бекенда - роутера например или контроллера с урл менеджером

Да хотя бы так https://habrahabr.ru/post/167151/

Вот отсюда

<div class="row">
          <div class="col-xs-15 col-sm-9 col-sm-offset-1 col-md-7 col-lg-6 col-lg-offset-2">

Уберите
col-sm-offset-1

Вариантов море, хоть вот так:
https://jsfiddle.net/xNPC/vdy74u6q/

А в чем проблема указать text-align: center родителю заголовка? Зачем оборачивать лишним блоком, если он и так скорее всего лежит в каком то контейнере?

В чем собственно работа? Все прекрасно работает. Что Вы от него собственно ждете?