Как масштабировать фон в сетке Bootstrap

Делаю свою первую страницу на сетке бутстрап и столкнулся с проблемой. Основное фото я сделал фоном к <header> и поместил в него лого, меню, подпись и кнопку. Но при масштабировании страницы фон обрезается по высоте. Пришлось задать ему min-height в медиа-запросах. Все бы ничего, но в промежуточных точках расстояние между <header> и блоком под ним становится слишком большим. Как это исправить?