quando diminuo a tela do navegador o menu fica fora da "caixa" e do cabeçalho
Solucionado
quando diminuo a tela do navegador o menu fica fora da "caixa" e do cabeçalho
Você tá utilizando medida absoluta (pixels), isso é estático, não muda.
Utilize medidas relativas como %(porcentagem) e veja a mágica ocorrer
Ex:
.box {
width: 40%
}