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

dimsemenov.com/plugins/magnific-popup

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/

Попробуйте вместо $('a').click(function(){ написать $('a').on("click", function(){
И $('body').removeClass('mobile-menu-open'); удаляет класс у тега body, но он же прописан не у него!? Вот и ищите вместо body тот элемент, которому этот класс прописан

Вот отсюда

<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

У вас не код, а наркомания, добавить класс addClass('one'), удалить класс removeClass('one'), учите документацию.
И да, не занимайтесь этим, это не Ваше похоже, либо просто сначала очень-очень много читайте и только потом делайте

Таким образом Вы переопределяете стандартный цвет шрифта, но процентах в 99 наверное, каждый сайт указывает свой цвет для всего текста и для отдельных блоков через классы и они имеют более высокий приоритет.
Попробуйте просто с яркостью и контрастностью монитора поиграться и всего то

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