iPad Logo Image & Landscape view

Hey,

Love the theme and it’s working great on computers and mobile devices. I had some issues on the Ipad, and added the code below from viewing other threads to my style.css and it fixed most of my issues.

Now the only issue that I’m having is that the logo Image isn’t loading on the iPad and when I rotate to landscape view part of my header text is covered.

Any ideas?

/* Vantage increase support text breakpoint */
@media screen and (max-width: 960px) {
body.responsive header#masthead hgroup .support-text, body.responsive header#masthead hgroup #header-sidebar {
position: static;
display: block;
margin-top: 30px;
max-width: 100%;
}
}
@media screen and (max-width: 960px) {
body.responsive header#masthead hgroup #header-sidebar {
	position: static;
	display: block;
	margin-top: 30px;
	max-width: 100%;
}
header#masthead hgroup .logo {
	float: none !important;
	text-align: center;
	width: 100% !important;
}
header#masthead hgroup h1 {
	text-align: center !important;
}
}

URL: http://realigrp.com