CSS3: помогите разобраться с @media screen and
Указывайте так: 
@media screen and (min-width: 320px) and (max-width:480px) {
}

Вы просто переопределяете значения. Тобиш любое присвоение значений переписывает предыдущее (а вообще у всех свойств есть значение по умолчанию). Тобиш если селекторы у вас в разных секциях media разные, то последнее примененное значение и будет у этого свойства. Тут все просто.

А вот веселее с приоритетами селекторов.