Boa tarde, estou fazendo um site pro meu TCC do curso técnico da Etec e meu tema foi refazer o site da escola. Comecei a fazê-lo com base no conceito "mobile-first" e tudo a princípio corria bem. Fiz o menu e fui ajustando ele já para as demais resoluções para ver se estava ok. Quando fui fazer os ajustes para telas acima de 1280px e tirar o menu do formato mobile o mesmo começou a apresentar erro: quando passo o mouse pelo item do menu que deveria mostrar as opções abaixo ele parece que compacta todos os itens na mesma linha do menu principal, deu pra perceber que é como se estivesse algo bloqueando o dropdown nas dimensões do menu (foi o que eu entendi). .Estou anexando a INDEX e o CSS para quem puder analisar. Desde já, agradeço.
index.html
styles.css
