header no coincide con wrap div

[Zeromm]

para no complicarte la vida metele a todos los elementos un border-box

*{
box-sizing: border-box;
}

Con sus prefijos para cada navegador si hace falta

Esto lo que hace es que cuando metas un padding a cualquier elemento, ese padding no aumenta el tamaño del elemento.

Al #wrapper quitale el padding-right.

Y ya verás que la cabecera se ajusta al ancho del #wrapper

Ahora solo te quedaría ajustar los elementos inferiores.