iBird Rose

ты ж сам логически домыслил. все правильно. все что должно отрабатываться на всех страницах - склеивать в один файл и минифицировать, а то что для одной страницы - подключать только на этой странице

потому что это спан. для toggle без разницы что ты переопределяешь display. меня все span свои на div

ты точно нормально подключаешь эти шрифты. просто может быть такое что ты их не подключаешь. но так как у тебя на компе стоит open sans - он его открывает. тобишь и у остальных - у кого стоит на компе шрифт - открывается нормально

идешь сюда getbootstrap.com/customize/#grid-system и меняешь ширину контейнера
также не забудь поменять брекпоинты здесь getbootstrap.com/customize/#media-queries-breakpoints

всмысле в хаотичном? у вас там 2 слайда всего.
других багов не заметил.
а фишка что кнопка не работает - нужно уменьшить speed. потому что пока анимация не завершиться окончательно - вы не сможете перемотать на следующий слайд.

caniuse.com/#feat=css-backdrop-filter
нет такого
p.s. поверх какого нить фона сработал бы filter blur, но поверх карты такого не сделаете

ну один из легких методов - дать к примеру для заголовка фиксированную высоту и overflow: hidden; тогда будет умещаться туда допустим 2 строки текста и все. остальное не будет видно.

через :after

h1 {position: relative;}
h1:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 2px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background: red;
}

всмысле как определить? ты сам пишешь когда тебе нужно. к примеру:

$(function (){ ...}); или $(document).ready(function() { ... });

- начнёт работу тогда, когда будет готов DOM, за исключением картинок

$(window).load(function() { ... }); - код будет запущен когда страница будет полностью загружена, включая все фреймы, объекты и изображения