formatting width of content in tablet view

hello, i was wondering how to adjust the width of content in tablet view - the site looks okay on desktop and mobile, but when i view it on a tablet the formatting is off. i used spacers to center the content on the page, and the content stacks nicely on mobile, but on tablet view it's just too narrow.

specifically, i'm talking about the 'contact&location' page where the contact form and the google maps embed look really bad. i tried some of the custom css codes for removing spacers but it doesn't seem to do the trick, only moves the narrow text to be left aligned, but still narrow so i gave up on that code. what i did do was make the google maps responsive so it resizes nicely on mobile, but i'm not sure why it's not working as well on tablet.

ideally i would like it to look similar to the mobile view where it's using the entire width of the display, but maybe that would be too wide on tablet view so something in between? (so an idea was possibly if the text 'Apartmani Nerium, Lovište 75A, 20269 Lovište, Pelješac, Croatia' would be displayed in one line and then the contact form and the google map the same width as that text?)

site url is: http://holidaynerium.com
password: proba

i attached some screenshots below.

desktop view:

tablet view - too narrow content (form + map):

28 minutes ago, Vigasan said:

I personally wouldn't use spacers, you can use CSS to set a max width on your content instead. You can use the following code in DESIGN > CUSTOM CSS to apply to all pages, or wrap it with <style> before and </style> after and put in in specific page headers.

.site-page{
max-width: 1200px;
}

You could also use CSS to hide spacers on tablet but then you'll have to target the .sqs-col-8 and make it 100% width as well.

thank you - i did this just for the contact&location page and it works great!