Как сделать fullscreen page при помощи flex

Не могу отцентрить как нужно блоки в фулскрин странице

Кода не приложу ибо вообще ничего не получилось разумного Вобщем тема такая вот набросал макет как все задумывается:

div с h1 должен быть отцентрован горизонтально и вертикально а div с p должен быть приклеяным как бы к низу ну и смаргином каким нибуть

Все это должно находиться в div Content с какимнибуть фоном

И самое главное все это должно быть на всю страницу и адаптивным

для решения проблемы пытался использовать flex но он центрует сразу и h1 и p вместе а надо чтоб один по центру а другой снизу

использование такого костыля как pos-relativ потом pos-a и отриц маргины не вариант потому как высота H1 и P не статичны(не известны изначально)

Пожалуйста помогите сделать это адаптивным