Cover page font size for mobile

Site URL: https://gregorylassale.com

I am trying to reduce the font size for the cover page title to make it fit on one line.

Here is my code:

<style>
@media only screen and (min-width: 640px) and (max-width: 950px) {
.sqs-slice-heading #sqs-slash-page-header
{font-size: 75px; !important}}
</style>

I'm injecting it locally, not via the custom CSS panel. The breakpoint worked to resize the font on my homepage, so I don't think that's the problem. The selector (.sqs-slice-heading #sqs-slash-page-header) worked for the animation, so I don't think that's the problem either.  Not sure why this media query isn't working.

Help would be greatly appreciated.

Hi. It looks like you solved this?

@tuanphan No, it's not solved. I'm not sure how it looks on other tablets, but on my 2018 iPad Pro 11, the title still breaks. I'd like for it to fit on one line. 

I don't get it. I know the selector is correct because the same query works on mobile

@media only screen and (max-width: 640px) {
.sqs-slice-heading #sqs-slash-page-header
{font-size: 33px!important;
}
}

I moved the min breakpoint to 641px to avoid conflicting with the code above, but no effect

@media only screen and (min-width: 641px) and (max-width: 950px) {
.sqs-slice-heading #sqs-slash-page-header
{font-size: 45px;!important
}
}

I also specified the orientation, but still nothing:

@media only screen and (min-width: 641px) and (max-width: 950px) and (orientation: portrait) {
.sqs-slice-heading #sqs-slash-page-header
{font-size: 45px;!important
}
}

Anyone? This is one of the last things on my to-fix list. 

Help no longer needed. Just a dumb syntax error.