Никита Кит

я бы не стал с таким кодом целую лишнюю библиотеку ставить. Просто кейфрейм прикрути, в кейфреймы скинь все background-image и свойства отображения, и примени анимацию к блоку, дай ему infinite. Парсер тебе улыблётся, ибо не нагрузишь его лишним кодом.

я ставил его на проект через gulp.
Зависимости: nodeJS, npm, gulp, gulp-stylus. в gulp подключаем модуль gulp-stylus. описываем watch с исходными .styl и с выходными css. Заводим gulp и начинаем неистово кодить.
Скорее всего он также есть и в руби. У меня, к примеру, sass так стоит. просто apt-get install sass, а в консоли юзаю так: sass --watch inputFile.scss:outputFile.css , попробуй так же со stylus, мб прокатит

суть в том, что для печати html следует указывать отдельные стили. пишутся таковые в специальном медиа-запросе. называется он, как несложно догадаться, print.

То есть
(сабака)media print {
и здесь уже указываешь на элементы, убираешь им отступы
}

Лень ковыряться в твоём коде, но судя по скрину, 1: медиа-запросы. 2: растягивай блоки в соответствии с медиа-запросами свойством width. для картинок, чтоб пропорции сохранить, также указывай height. По сути при новом медиа-запросе нужно указывать новое позиционирование блоков.

Если не прибегать к сторонним js-библиотекам, да и вообще к скриптам, можно сделать с помощью transform: scale(propertyScale) + transition transform. ну или кейфреймами с анимацией на основе тех же свойств, если мы хотим вызывать параллакс автоматически, а не по наведению или нажатию (hover или focus)

ты если отступ делаешь в % , то и ширину делай в %. или всё по пикселям и медиа-запросам. Так хоть не запутаешься. Проценты - злой опыт. С ними всё вечно крашится. Всё равно для планшетов и телефонов всегда надо запросами UI менять. просто чёткую систему медиа-запросов составь, перед тем как делать резину.
То есть создай первичный каркас. Кстати, тут, многие разрабы сначала создают каркас для мобильной UI сайта. а потом по возрастанию -mobile landscape - tablet - desktop - large desktop. Я советую составлять запросы согласно бутстраповской сетке, если конечно, составляешь CSS, основываясь на нём
После первичного каркаса иди от мала до велика, или от велика до мала. Тут как сердце тебе подсказывает)))