NaN

нельзя так делать. на атрибуты тоже нельзя. руки бы отрывать за такое :D
ну серьезно, потом невозможно поддерживать код без остановки сердца.
Используйте БЭМ для именования. и будет счастье.

можно, если бы у инпута не было обертки

Шрифт?
Или все же размер, lh и цвет?

Проинспектируйте и посмотрите, что происходит в стилях.

Ну например архитектура для стилей sass тык
Остальное банально просто. А вообще каждый на свое усмотрение делает. В разных проектах может быть разная архитектура. А плагины могут использоваться не все, зачем тогда тащить мусор?

Вывод: быстрее написать с нуля.

kotey, такие вещи решаются не бутстрапом, а обычным css. Это никак не относится к сетке. То, о чем вы спрашиваете - это основы. Почитайте про позиционирование. И изучите основы верстки хотя бы, потом используйте различные фреймворки.

https://habr.com/company/netcracker/blog/277433/

Может стоит иметь несколько шаблонов для страницы? и просто использовать нужный

1) уберите width, height в logo
2) добавьте новый блок logo__icon в icon и ему задавайте значения высоты и ширины и все остальное

я просто оставлю это здесь, тык

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

вообще неплохо бы иметь два монитора и обычно увеличение/уменьшение окна отлично работает.

Пропишите правильно медиазапросы. Проверьте заданную минимальную ширину на разных разрешениях экрана.

ну справа отступ убирается обычным заданием display: inline или inline-block, сверху и снизу line-height (не стоит забывать что в зависимости от размреа шрифта lh увеличивается). Слева видимо никак не исправить из-за шрифта

Возможно свойство text-shadow прописано или что-то подобное

Зачем делать сайт с определенным шрифтом, если потом вы хотите его каким-то образом отключать (зачем)?
Все должно работать и у вас, и у клиента одинаково.
А это будет только в том случае, если вы загрузите шрифт в папку проекта и правильно пропишите пути к нему в css.

Пишут, что вроде как поддерживается
brandmonkey.ru/blog/e-mail-marketing/229-fonovye-i...

А так можно попробовать:
qaru.site/questions/32590/how-make-background-imag...
https://backgrounds.cm/