Динамическая высота, контента в зависимости от высоты окна браузера(контент должен помещаться в окно не обриваться как на скрине)?
Как ни выписывай css  - но всегда найдется тот, кто подтянет нижний край браузера до размеров - 1024 х 100 px. Как тогда быть?
Используйте единицы vh для отступов и шрифтов и вертикальные media query, чтобы перестроить контент, когда высота слишком маленькая.