Resize logo on mobile view only

Site URL: https://turkey-coral-wbtr.squarespace.com/config/

The logo for a site I'm working on is too small in mobile view. I am trying to figure out how to change the size in mobile view only and the CSS I have found in this forum is not working? I would so appreciate help with this! 

Add to Design > Custom CSS

/* Mobile logo size */
@media screen and (max-width:767px) {
.header-title-logo img {
    max-height: 100px !important;
}
}

Having the same problem on my website www.jacksonchoice.com

I added the code and it still isn't working

Thanks

6 hours ago, adamrosa said:

Having the same problem on my website www.jacksonchoice.com

I added the code and it still isn't working

Thanks

Add to Design > Custom CSS

/* Mobile header logo */
@media screen and (max-width:768px) {
#header #logoWrapper #logoImage img, #header #siteTitleWrapper #logoImage img {
    max-height: 100px;
}
}