Daniel Tkachenko

Не понимаю, каким образом сайдбар влияет на контент, если он фиксированный? Контент должен ровняться так же, как и шапка

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

Можно с svg, а можно и стандартными методами css.
Обычные блоки в блоке, которым навешать айдишники и различные ивенты.

У Вас ссылки имеют псевдоэлементы :before/:after и у них свойство "display: block"
Не понятно зачем они Вам.
Самый лёгкий способ починить всё - убрать псевдоэлементы.

Отрывок кода, может Вам поможет разобраться..

background-image: url(../img/background-image.jpg);
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;

Возьми макет, начни верстать, как только остановишься на чём-то и не сможешь продолжить средствами html+css, а потребуется .js - поздравляю, момент учить настал :)

Используй .click, это же jq

$("body").click( function() {
  alert("123");
});

Вот рабочий вариант

$('#form_sendMail').on("click", function () {
	var name = $('#form_name').val();
	var email = $('#form_email').val();
	var number = $('#form_number').val();
	var message = $('#form_message').val();

	$.ajax({
		url: 'ajax/mail.php',
		type: 'POST',
		cache: false,
		data: { 'name': name, 'email': email, 'number': number, 'message': message },
		dataType: 'html',
                beforeSend: function() {
			$('#form_sendMail').prop("disabled", true);
		},
		success: function(data) {
			if (!data)
				alert("При отправке возникли ошибки, попробуйте позже.");
			else
				$('#mainForm').trigger("reset");
			$('#form_sendMail').prop("disabled", false);
		}
	})
})