Андрей Б.

Примерно так

.wrap {
	position: relative;
}
.wrap:before,
.wrap:after {
	content: '';
	position: absolute;
	top: 0;
	width: /*ширина изображения*/;
	height: 100%;
	background-repeat: repeat-y;
}
.wrap:before {
	background-image: url(...);
	left: 0;
}
.wrap:after {
	background-image: url(...);
	right: 0;
}

codepen.io/anon/pen/epvdLZ

Распечатать сие творение на бумагу, схватить за шкирку и тыкать как котенка приговаривая "что это за говно".
Если человек далеко, забить и искать нового исполнителя, этому товарищу еще многому нужно учится.

Объяснять ему как делать правильно. Зачем это вам? Вы заказчик, он исполнитель, работа не устраивает - давай до свидания. Само собой указать на ошибки нужно, а-ля аргументы, может человек в следующий раз исправится.
Выдавать такой шлак да еще и просить за это деньги, это не уважение к заказчику. Как говорится, не знание закона не избавляет от ответственности.

codepen.io/anon/pen/gaawOL подгоните как вам нужно

shpargalkablog.ru/2015/02/h1-seo.html

Отвечу коротко, нужно иметь представление что это такое и как использовать, а дальше уже по мере надобности погружаться в дебри. Из более менее повседневной жизни, чаще используется SVG. Остальное это как вы говорите "желательно".

Никак. При абсолюте блок выпадает из потока, родительский блок его не видит.
Через JS определяйте размеры абсолютного блока и подставляйте эти значения родительскому. Больше никак.

Для такой сетки используйте masonry.desandro.com либо flexbox, в нем есть полезное свойство order которое перемещает элементы, при этом разметка может быть какой угодно.

Ручками - лучшее решение.
Как уже посоветовали, используйте препроцессоры.
От бутстрапа можете взять медиа запросы, но не более. Если бы писалось с нуля, другое дело, а в вашем случае только гемора прибавит.

Используйте flexbox и не парьтесь