react-modal Dynamic Sizing

Im using react-modal which is pretty great. Is it possible to dynamically size it (perhaps with css media tag). For example,

1. For large screen, the modal only takes up a small potion of the screen (lets say max width 200px;
2. For medium screen, the modal takes up most of the screen (Lets say 80% of the screen width and height
3. For mobile device, it takes takes up 100% of the width and height.

from react-modal Dynamic Sizing