Phone banner good, tablet banner looks bad

Site URL: https://synthesizer-broccoli-5mar.squarespace.com/

Hi everyone,

I'm new to this forum and hope it's okay that I re-post my issue, described a little better than the first time I posted it. I am desperate and hoping anyone can help! My site is https://synthesizer-broccoli-5mar.squarespace.com/ with pw McDonald 123. I can't understand why the banner on my computer view and mobile phone view look good, but on my tablet the logo is very small, and there is a lot of white space below the banner. How can I make the elements (burger, logo, cart) more proportionate on the tablet? Thank you so much! 

Tablet fine here. Did you solve?

If no, can you take a screenshot?

Hi Tuan, here is my tablet banner with lots of white space and a small logo that I’d like to make bigger. Overall I’m wondering if there’s CSS that allows you to make custom changes to the tablet banner and different custom changes to the mobile phone banner. 

Add to Home > Design > Custom CSS

@media screen and (min-width:768px) and (max-width:991px) {
/* logo */
.header-mobile-logo img {
    max-height: 100px !important;
}
/* banner text */
div#page-section-5ea5f08387c5532a42dbae93 .span-8 {
    width: 100%;
}
}