queries responsive

/* ESTILOS NORMALES (para móviles en vertical)
   ========================================================================= /

body { ... }
p    { ... }

/ RESPONSIVE
   ========================================================================= /

/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (min-width: 768px) { }

/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 1024px) { }

/ Escritorios muy anchos
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) { }

















/* ESTILOS NORMALES (para escritorios muy grandes)
   ========================================================================= /

body { ... }
p    { ... }

/ RESPONSIVE
   ========================================================================= /

/ Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- /
@media (min-width: 768px) and (max-width: 1199px) { ... }

/ Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- /
@media (max-width: 767px) { ... }

/ Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) { ... }