Get current @media setting in custom module or variable

I am completely lost, when I have to deal with css, so I don‘t know if this possible or even makes sense.
I would like to adapt my layout to different screen sizes. I managed to change font sizes etc. within the root css via media query. Unfortunately, I can‘t find a way to change the position of panels/widgets . I tried ‚top:xxx‘ in the class definition, but did not succeed. If I could manage to read the screen size, or a css variable from the script, I could create a custom variable and use the @{} syntax in the properties. I am aware it is somehow possible to control the visibility of widgets via css. But this would mean duplicating lots of widgets.
Thanks for your input

Guess, I found it. I knew I read it somewhere...
I can get the screen via globals['screen'].
Thanks anyway