Cabeçalho versão mobile x versão desktop

Olá pessoal,
Estou aprendendo algumas coisas sobre css enquanto altero minha página. Acabou que depois de deixar o layout bem parecido com o que eu queria, fui testa-lo na versão mobile e notei que as cores também estavam alterando para minha surpresa.
Para que possam me ajudar, vou enviar o link da loja em manutenção ( se diminuir a janela, chega uma hora que o fundo do cabecalho se torna branco. Como meu logo também esta branco fica impossível visualizar.
Sabem me dizer se preciso fazer um css para desk e outro só para mobile?Como eu faria isso? Termina todo o código voltado para mobile e faz o desk?
Muito obrigada!

1 Curtida