Small viewport - no @media / small viewport menu, small fonts...
Big viewport - @media | min-width: 1100px / big viewport menu, middle fonts...
Large viewport - @media | min-width: 1540px / big fonts...

Why 1100px and 1540px?
Of course it is personal, but maybe it will be interesting for someone...
Because of my eyes I use Windows 125% scaling and at 1920px monitor it becomes 1536px.
On my 10" laptop with 1366px monitor and 125% scaling it becomes about 1093px (1100px will eventually cover and future large-resolution mobile phones in landscape).

Here you can check scaling if you use it: www.sirmium.org/test/px.html

P.S.
Of course, you can add Middle viewport or so...