Browser Specific Media Queries

Firefox or IE behaving oddly? You can target specific browsers via explicit media queries for different broswers:

@media all and (min--moz-device-pixel-ratio) {
  // target firefox
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  // target internet explorer only (11)
}

@supports (-ms-ime-align: auto) {
  // target microsoft edge
}