Maybe a good idea to use a less variable here to reference media query breakpoints? e.g. `max-width: @breakSmall` etc.

Makes it quicker to tweak breakpoint values in the future, and you don't need to remember all the values.