Colocando position: fixed no nav-content em vez de absolute.
Inserindo um clear: both no container que vem logo após do header para corrigir alinhamento.
Fazendo variaveis pra media queries

Agora, se você quiser definir um código para smartphones, tablets ou
desktops basta seguir as variáveis criadas em grid.sass.

$small-screens: "only screen and (max-width: 980px)"
$medium-screens: "only screen and (min-width: 980px)"
$big-screens: "only screen and (min-width: 1200px)"

@media #{$big-screens}
Para códigos vistos em desktop e grandes telas

@media #{$small-screens}
para pequenas telas e smartphones

@media #{$medium-screens}
para phablets, tablets, netbooks e etc.
Trocando mediaquerie para novas variaveis de grid.
Trocando nomenclatura de variaveis dos mixins para o padrão com nome-sobrenome.
retirando imposts de arquivos repetidos e incluindo colors.
Iniciando cores.
Deletando novamente font-size nos elementos com ícones

Estes elementos não devem ter seus tamanhos de font definidos pelo
icons.css. Isso deve ser herdado dos elementos onde os ícones são
inseridos.
Definindo tamanho dos links com ícones na sidebar.
Transformando o icons.css em _icons.sass
arrumando medidas e distancias do icones na direita
reescrevendo manual de botões.