Estou fazendo o projeto no sublime e no codepen. Durante as aulas percebi que o professor usava várias folhas de estilo e fiz o mesmo no sublime, como no codepen só posso usar um arquivo css, fiz tudo nele. Até aí tudo bem, consegui dois projetos incrivelmentes parecidos. As coisas começam a ficar estranhas quando estou adaptando o site para mobile e coloco o @media no arquivo style.css. No codepen, como não há vários arquivos, quando eu redefino onde começa e termina meu destaque principal, ele funciona. Já no sublime, quando eu escrevo no style.css, ele não modifica o destaque. Para que isso aconteça é preciso realmente criar um novo arquivo e colar o @media lá. Por que isso acontece? Como saber se meu layout está dando errado porque eu não criei um estilo separado de css?