Вопрос по @media - Вопросы по CSS

Осваиваю @media 
Пока все гуглится и получается, но появился момент, в котором все же требуется ваша помощь.

В шапке сайта блок с контактной информацией находится справа и для:
@media (max-width: 1920px) {
имеет такие стили
float: right;
width: 300px;
margin: 45px 0 0 0;
}

@media (max-width: 1600px) {
поменял margin: 45px 50px 0 0; чтобы блок был в пределах видимого экрана и не «обрезался»
}

@media (max-width: 1440px) {
еще увеличил справа margin: 45px 150px 0 0;
}

и т.п.

Вопрос в том, есть ли более правильное решение, чтобы этот блок «полз» вслед за уменьшением ширины браузера (размера экрана)?

Если я все верно понял, то есть, и очень простое, указывать ширину в процентах..))

Если я все верно понял, то есть, и очень простое, указывать ширину в процентах..))

max-width?

max-width?

ширину для каждого медиа-запроса пропиши, по алгоритму
width = 300/1920= 15.625%
margin = 45/1920