Existe uma maneira de usar consultas de mídia para alterar o valor de uma propriedade CSS gradualmente, à medida que a tela muda de tamanho (continuamente / sem problemas). Em vez de definir vários pontos de interrupção nos quais há uma alteração (passo a passo)?

Como neste site:http://www.bluegoji.com/? As margens do<a> tags no<ul> na parte superior da página (barra de navegação), diminua continuamente à medida que você estreita a janela do navegador.

Esse é o comportamento que estou tentando alcançar.

Ou é a solução apenas para usar tantas consultas de mídia que parece mudar sem problemas?