How to stack whole page to look like on mobile for tablet?

Site URL: https://alligator-wolf-pb86.squarespace.com/luft-vann

Hello! I am helping working on my fathers website and I can notice that this page https://alligator-wolf-pb86.squarespace.com/luft-vann (pass: 123)  looks really bad on tablet, but on mobile it looks pretty good. How can I force all the content on the page to be stacked like on mobile? Or if this is possible at all?

Are you on 7.0 with a theme that can change the mobile break point?

Yes, I am on 7.0 and using the Brine template. And yes it has the mobile breakpoint, but it works only for the navigation. 

On 7/19/2020 at 1:34 AM, NasteX said:

Yes, I am on 7.0 and using the Brine template. And yes it has the mobile breakpoint, but it works only for the navigation. 

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) and (max-width:900px) {
body#collection-5f130f6940592a387183a861 .Main-content * {
    width: 100%;
}
}