Estou estudando css e html ainda, então posso estar cometendo até algum erro banal, enfim não estou conseguindo resolver sozinho. O problema é o seguinte eu defini no @media screen uma largura minima para ele mudar a logo da img.
Código com logo tamanho original :
.logo {
width: 56px;
height: 56px;
float: left;
background: url('../img/logo-mobile.png') center center/56px no-repeat;
font-size: 0;
}
Com @media screen
@media screen and (min-height: 480px){
.logo {
width: 214px;
background: url('../img/logo.png') center center/214px no-repeat;
font-size: 0;
}
.btn {
font-size: 2em;
}
}
O @media até muda a logo, porém com uma largura minima menor que 480px ela deveria voltar para a original, só que isso não acontece.
Onde estou errando ?