Si usas Chrome o Firefox, descargate "Web Developer" en sus correspondientes tiendas de Extensiones. Una vez instalado, vas a "Resize -> Responsive Layouts" y allí puedes ver los distintos resultados en distintos tamaños, e incluso con la opción "Edit resize layouts" puedes modificarlas, o añadir tus propias medidas.
Por otro lado, con el código, prueba así:
Código CSS:
Ver original@media screen and (max-width: 240px){
.contenedor, header{
width: 220px;
margin: 0 auto;
}
}