Screen dimensions - @ mediaqueries

I believe we need to change the theme in a more mobile friendy way. Rigth now too much space is not use it. If the people need to read from a mobile or table, the scrooll is too long for no reason. I will write my suggestions in the replyes for each @ mediaqueries.

Once the new theme is ready, here we will discus the modifications for each kind of screen.

If somebody believe we need more Breakpoints or less Breakpoints. you are welcome to discuss.

Also here is a good place for discuss now have to be the header and the footer for each kind of Breakpoint

I think we could have one version simple and fast for mobile. Just text. pd: mi mobile have a 3.2" screen (240 x 320 pixels)

Tiny devices - Simple Phones: Breakpoint 320 px

update to bootstrap:

Extra small devices Portrait phones (<544px)

update to bootstrap:

Small devices Landscape phones (≥544px - <768px)

update to bootstrap:

Medium devices Tablets (≥768px - <992px)

update to bootstrap:

Large devices Desktops (≥992px - <1200px)

Extra large devices Desktops; Breakpoint more than 1200 px

I’m inclined to use the Bootstrap breakpoints:

How many breakpoints do we need? I believe 5. Are too many?
(< 320px) - (<544p) - (<768px) (<992px) (<1200px)

Now we have (max-device-width: 320px) (max-device-width: 480px) (max-width: 768px) (max-width: 1024px)