Hoja de estilos que responde al tamaño de pantalla (anchura)

responsive.css

/* 
   Responsive CSS
   1. Utilizar la hoja de estilos del sitio / aplicación normalmente.
   2. Mandar llamar esta hoja de estilos después de que se cargue la hoja de estilos del sitio.
   <link rel="stylesheet" href="responsive.css" type="text/css">
   3. Agregar dentro de cada tamaño de anchura las reglas en CSS que van a modificar valores establecidos en la hoja de estilos inicial.
   por ejemplo:
	@media (min-width:1200px){
		body {width: 1000px; }
	}

min-width: Anchura mínima.
max-width: Anchura máxima.
*/
@media (min-width:1200px){
}

@media (min-width:940px){
}

@media (max-width:940px){
}

@media (max-width:768px){ 

}


@media (max-width:480px){
}