Serj-One

sticky - это прокрутка страницы без прокрутки элемента. Если у тебя обёртка col-xs-12, относительно чего фиксироваться sticky элементу? Скролящегося блока рядом нет. Не уверен, но учитывая механику, попробуй сделать обёртку col-xs-11 и добавь рядом col-xs-1 большей высоты.

$('.button').on('click', function () {
        $('.footer').toggleClass('active');
    })

.footer{
  position: absolute;
  bottom: -500px;
  transition: .5s;
}
.footer.active{
  bottom: 0;
}

Вот и весь скрипт.

Оформление в js - моветон. Подобные вещи делаются через добавление/удаление классов с нужными свойствами.

$(window).scroll(function() {
    var top = $(window).scrollTop();  
    if(top>0){
        $('.header').addClass('header--min');
    } else {
        $('.header').removeClass('header--min');
    }
});

Классом .header--min{} задавай изменения состояния.

Судя по всему, что-то выпирающие скрыто через overflow-x: hidden для html или body.
Для мобильных это не работает, нужно задавать для секции.

"devDependencies": {
    "browser-sync": "^2.18.8",
    "gulp": "^3.9.1",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-concat": "^2.6.1",
    "gulp-csscomb": "^3.0.8",
    "gulp-csso": "^2.0.0",
    "gulp-newer": "^1.3.0",
    "gulp-plumber": "^1.1.0",
    "gulp-rigger": "^0.5.8",
    "gulp-sass": "^3.1.0",
    "gulp-tinypng": "^1.0.2",
    "gulp-uglify": "^2.0.1",
    "gulp-watch": "^4.3.11"
  }

В зависимости от проекта список может расширятся, но костяк таков.

input{
	height: 72px;
	line-height: 72px; // вычти 4px на бордер
	padding: 0 20px;
}

Центрировать текст в инпутах нужно через line-height а не padding.

но качать оттуда кажое начертание по url в инспекторе как-то не хочется.

Открою тебе секрет:

BrowserSync умеет пробрасывать локальный проект в интернет.
Непосредственно для таких демонстраций есть ngrok.
А вообще, любая IDE умеет в автодеплой. Не вижу в этом никаких проблем.

Коммерческие требовать с заказчика, свободные ничего не мешает скачать самому.
Устанавливаются (неожиданно) двойным кликом по файлу шрифта.

Если блоки одинаковой высоты, смысла в дополнительно обёртке нет. Если высота разная, сетка на флоатах поплывёт, так что придётся обернуть.