klierik

Вот это поможет:
.brands_patent .brands { border: 1px solid #ebebeb; width: 20%; display: block; float: left; margin-bottom: -1px; margin-left: -1px; box-sizing: border-box; /* это правило выровняет блоки */ }  

p > img {display: block;} Попробуйте так

Вот официальный порт less to sass: https://github.com/twbs/bootstrap-sass#d-npm--nodejs который можно использовать в Вашем случае

Как вариант вот так:

Здравствуйте.
Гайда, как такового, я не видел. Скорее всего потому что он избыточен.
Вопрос в рамках темы касается Full Page Slider и один из самых распространённых это — fullPage. Походите по примерам, там достаточно просто повторить представленную структуру у себя на сайте.

Ах да, точно. Я имел ввиду вот так
.wallpaper > img { width: 100%; }  

Объединением всех стилей в один файл

Каждое первое вхождение при разработке любого лэйаута\блока\элемента определяет его стандартное состояние. Все остальные вхождения аналогичных\однотипных блоков реализуются используя уже существующий стандарт стилей во всех случаях (за исключением тех когда различия выражены характерно отсупами, цветами, размерами, прочее).
Так же следует учитывать что существует разница между "ленью дизайнера всё выровнять" и модификатором для блока, когда при определённых обстоятельствах некий блок требует внесения изменений в его стандартное отображение\расположение.
На практике изменения от стандартных стилей в размере нескольких пикселей не учитывается, иначе результат не только увеличит размер стилей, но так же и стоимость разработки. А ещё и усложнит их читабельность и поддержку, что не благоприятно скажется на последнем.

Для этого используется плагин с Параллакс эффектом 

Вопрос не понятен.
В реалиях опыт Синьёра позволяет выполнять большую часть таких задач автономно (при взаимном доверии с заказчиком), но опыт подсказывает когда и в каких вопросах значения «переменных» следует делегировать заказчику (это страхует исполнителя от ошибочного решения и экономит его время).
Краеугольным камнем в разработке можно считать Время. Есть решения которые принимает разработчик сам, опираясь на опыт. Но, когда не знаешь как поступить - спроси!

@media (min-width: 979px) { .navbar-toggle { display: none; } } Попробуй
 

https://jsfiddle.net/klierik/s4eoawef/19/

Вноси изменения в файл /wp-content/plugins/theme-my-login/theme-my-login.css для селектора:
.tml-login .tml-submit-wrap input {}  

В IOS simulator (только под macOS)

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> С этим будет так: http://take.ms/sb8I6

.img:hover{ border-color: transparent; }  

используй "position: absolute;" для ":before {}"

картинкой

https://jsfiddle.net/klierik/1tjowkd5/

adBlock?

Этот эффект называется: jquery fly to cart effect
Пример: 
 

Если очень жирный макет то ничто не спасет. Как правило в таких случаях кропается на блоки.
В остальном терпимо, винт, правда, маловат. имхо. Но с другой стороны — какие варианты?

это можно сделать на CSS при помощи div:hover {}

Потому что на расположение элементов со свойством "inline-bock;" влияет свойство "vertical-align", значение которого, по умолчанию, равно "baseline".
Если задать 
.col-4-1, .col-4-2 { vertical-align: top; } то блоки выровняются по верху.

1) задачи разные бывают, такая структура может выполнять разные задачи, на первый взгляд не видимые
2) к psd, в реальных задачах, прилагается ТЗ, в котором описано как должен сайт работать.