Как сделать так, чтобы div следовал заголовку и сохранял одинаковое расстояние независимо от размера экрана

Question

Я работаю над сайтом для своей школы, и меня смущает вопрос о том, как сделать так, чтобы класс содержимого "div" оставался поверх заголовка и имел одинаковый интервал независимо от размера экрана. Я загрузил свой код на скрипку (https://jsfiddle.net/Lucasizq/a5dj6sfr/21/). Это снимок экрана на мониторе 1440p, который я хотел бы видеть на мониторе любого размера Reference . Я думаю, что область, где что-то должно быть изменено, находится в области

.content {
  position: relative;
  text-align: center;
  color: #fff;
  top: 350px;
}

.

Спасибо за вашу помощь!