Logo Size CSS Issues

Hello,

This CSS (“Increase Logo on Tablet screen”:wink: is effecting both the iPad in Portrait mode and on the iPhone. With this CSS, the iPad portrait size logo is correct, but it’s also changing the logo size on an iPhone, making it too big for the phone. The second set of CSS (“Increase Logo on Mobile screen”:wink: seems to have no effect on the iPhone logo size:

/* Increase Logo on Tablet screen */

@media handheld, only screen and (max-width: 780px) {

.header-logo img {

max-width: 485px!important;

max-height: inherit !important;

padding-top: 25px;

}

}

/* Increase Logo on Mobile screen */

@media handheld, only screen and (max-width: 400px) {

.header-logo img {

max-width: 280px!important;

max-height: inherit !important;

}

}

Site: https://susanbensen.com

Please advise.

Thanks in advance,

Casper