Sagrana

Потому что на макбуках про 2015 года с ретина экраном в браузере ширина окна всё равно 1440px
Узнать разрешение экрана онлайн

На сколько мне известно, FormIt — это сниппет для MODX Revolution, а не для Еvolution.
Но, в общем, вам надо к форме, которую вы отправляете, добавить какой-нибудь скрытый инпут и записать в него значение вашей переменной с результатом работы калькулятора.

Вполне возможен вариант, что сайт на какой-то cms. И вся вёрстка где-то там храниться в шаблонах. В таком случае вам скаченные с хостинга файла мало чем помогут. Нужен доступ в админ-панель и уже там разбираться. Главное ничего не сломать при этом)

$(document).mouseup(function (e){  // событие клика по веб-документу
	var div = $("#search-2");  // тут указываем элемент
	if (!div.is(e.target) && div.has(e.target).length === 0) { 
		// если клик был не по нашему блоку и не по его дочерним элементам
	}
});

А какая там может быть документация, когда это просто иконочный шрифт.
Подключаете этот шрифт и css c его настройками к своему проекту и используете))

А вы при согласовании макета пробовали открыть его на весь свой экран в 1920px, как он потом будет в браузере?
По моему опыту, дизайнеры делают такое очень редко. Когда вы рисуете макет в фотошопе, он как раз у вас уменьшен ~ на 20%, так как остальное место занимает интерфейс.

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

https://webref.ru/css/margin

В этом случае помогает добавить родительскому блоку overflow: auto; или заменить margin-bottom у потомка на padding-bottom у родителя.

Для того, чтобы изображение всегда было 100% от ширины экрана, высота его должна быть «плавающей».

Вариант №1, в котором фон - это элемент img.
В этом случае высота header всегда будет подстраиваться к высоте изображения. Но чтобы изображение было фоном, все остальные дочерние блоки в шапке должны будут быть в блоке с position: absolute;

Вариант №2, в котором фон задается через background у header.
Для этого нам необходимо знать высоту header, которая будет для разной ширины экрана разной. В этом случае спасают относительные единицы измерения vw и rem.
Не уверена, что этот мой способ самый правильный и оптимальный, но он работает.