Diseño responsive

[Zeromm]

A ver, si usas más de una hoja de estilo estás pasando olimpicamente de una de las grandes virtudes del responsive design, el meter todos los cambios dependiendo de la resolución en un solo archivo css.

Para aplicar el estilo al tamño de ventana que te interesa se usa exactamente la parte que no entiendes.

Dentro de:

@media all and (max-width:768px) {
estilos css
}

tienes que meter todos los estilos que quieras que se cambien para pantallas de 768px de resolución o menos...

No uses más de una hoja de estilos, es innecesario y no es lo más óptimo.