Issue with logo and buttons on an iPad in portrait mode

Hi!

I have an issue with the menu and logo on the iPad. My logo is the recommended size, but does not shrink (responsive) on the iPad in portrait mode; you can see a screen shot here: http://www.mosfoundation.org/?attachment_id=6671 or the page here: http://www.mosfoundation.org/donate/.

I do have this in the custom.css from a past question on here about the logo and an iconbox issues.

@media only screen and (min-width: 768px) and (max-width: 989px) {
         /* Add your Tablet Styles here */
.iconbox_content{height: 360px}

.responsive .avia-promocontent{margin: 0;}
.responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap{width:100%; margin-top:40px; position: relative; top:0; left:0; text-align: center; float:none;}

Thank you for your help,

Dave