Как сохранить пропорции размеров всех элементов при изменении размеров родительского элемента?

Здравствуйте!

Есть некоторый див, в нем содержится прямоугольный блок, а в нем текст!
У этого блока есть отступ сверху и слева, его ширина и высота. А в нем есть текст, у которого есть размер и отступ сверху и слева.

Представим, что я делаю презентацию: сверстать все эти свойства для одного экрана не представляет проблем, но, что если я буду смотреть на эту презентацию на большом экране или супер-маленьком, получится, что текст в 20рх будет мелко смотреться на большом и маленьким на очень большом

Как мне решить эту проблему? возможно написать функцию на js? спасибо!