Алина Брэнн

em и rem, в последнее время оценила их значимость. Удобство заключается в том, что размер шрифта задаешь в одном месте, все остальные размеры формируются относительно него. Это удобно когда нужно, к примеру, уменьшить шрифт на 1280 ширины экрана, чтоб все не смотрелось гигантским. А чтоб не сидеть не высчитывать отношения px к rem можно использовать онлайн конвертер

а если так View-->Syntax-->sass ?

я думаю это подойдет, если значения покрутить Simple Parallax Scrolling

Задать минимальную высоту блоку с текстом над кнопкой

Это можно сделать простым скриптом, который при прокрутке на определенное количество пикселей добавляет шапке класс, а при возврате убирает. А уже стили можете расписать какие душе угодно)

jQuery(window).scroll(function() { 
    var the_top = jQuery(document).scrollTop();
    if (the_top > 100) { 
        jQuery('header').addClass('your-class');
    }
    else {
        jQuery('header').removeClass('your-class');
    }
});

PS "the_top > 100" количество пикселей от верхней границы окна.

Вопрос был задан давно, но вдруг кому-то пригодится,
body{ zoom: 75%} отлично с этим справляется, прям как надо. Но надо быть осторожным с большими экранами, лучше задавать через "@media"