Bootstrap 4 media queries if you want to reuse them in your stylus stylesheet.
Here is a visual representation of Bootstrap 4 responsive breakpoints.
$xs-and-smaller = '(max-width: 33.9em)'
You can then use these variables like so:
There are many other ways to do this, but that’s the one that feels the most comfortable and readable to me. Would be happy to read yours.