Адаптивный padding.
 

Доброго времени суток, подскажите с помощью чего реализовать адаптивный паддинг, что бы меняя ширину вьюпорта, расстояние от края экрана до ближайшего элемента просто сокращалось, при этом элементы никуда не уезжали. Ниже пример. Спасибо !
https://imgur.com/a/F1S5MbC

margin: 0 auto;

Не до конца понял, как мне его корректно применить.
Допустим:

.header {
    padding: 0 200px 0 200px
}

Куда всунуть маргин ?

убрать padding, добавить margin контейнеру(что поставит контейнер посерёдке).

Спасибо!