Media queries responsivas não sobreescrevem as nativas

Olá!

Estou com um problema ao fazer um site responsivo. O CSS feito nas medias queries para determinadas resoluções não está sobreescrevendo os valores nativos, porém exibe informações novas, ou seja, ele está lendo, mas por alguma razão não substitui os valores =/

Seguem os códigos.

HTML

<header> conteúdo do topo do site </header>
CSS PADRÃO

header{ margin:auto; width:960px; height:6.25rem; background:blue; }
CSS RESPONSIVO (TABLET VERTICAL)

@media screen and (min-width:700px) and (max-width:1000px){
header{ margin:auto; width:660px; background:red; text-decoration:underline; }
}