General media query breakpoints in em.
/* 480px breakpoint */
@media only screen and (min-width: 30em) {
}
/* 600px breakpoint */
@media only screen and (min-width: 38em) {
}
/* 768px breakpoint */
@media only screen and (min-width: 48em) {
}
/* 992px breakpoint */
@media only screen and (min-width: 62em) {
}
/* 1382px breakpoint */
@media only screen and (min-width: 86em) {
}
/* high pixel ratio */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
}