// Media Queries
//––––––––––––––––––––––––––––––––––––––––––––––––––

// Note: The best way to structure the use of media queries is to create the queries
// near the relevant code. For example, if you wanted to change the styles for buttons
// on small devices, paste the mobile query code up in the buttons section and style it
// there.

// Larger than mobile
@media ($bp-larger-than-mobile) {}

// Larger than phablet (also point when grid becomes active)
@media ($bp-larger-than-phablet) {}

// Larger than tablet
@media ($bp-larger-than-tablet) {}

// Larger than desktop
@media ($bp-larger-than-desktop) {}

// Larger than Desktop HD
@media ($bp-larger-than-desktophd) {}