When you're doing media queries, you should really only be using min.

The mobile-first method of doing media queries (which is preferred for webmaker code going forward) is to define base styles for the smallest size and then add media queries for larger break points

e.g.  for the element called `.back-to-top`,

```
.back-to-top {

  // Define how you want it to appear on mobile

  @media only screen and (min-width: @width-small) {

    // Override base styles that need to be different than the base for small and larger

  }

  @media only screen and (min-width: @width-medium) {

    // Keep in mind all the styles in the previous bracket will also apply here
    // Override styles that need to be different for screens medium and larger

  }

  // etc.

}
```