גודל לוגו ומיקום בטיטניום

אהלן,
אני מנסה לשנות את המיקום של הלוגו למרכז אבל מה שקורה זה שהשורת תפריטים עולה על חלק מהלוגו.
הוספתי את זה ב Live CSS אבל מה שדופק לי את העיצוב:

/* style.css
————————————– */
@media (min-width: 768px) {
#header #logo {
float: none !important;
max-width: 100%;
}
#header #logo .logo-img {
float: none !important;
margin: 0 auto;
text-align: center;
}
.logo-img a > img {
width: auto !important;
}
}

/* rtl.css
————————————– */

@media (min-width: 768px) {
.rtl #header #logo {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.rtl #header #logo .logo-img {
float: none !important;
margin: 0 auto;
text-align: center;
}
}

בלי זה, הלוגו קטן מאוד בצד ימין.
http://www.tals-cooking.com/savta/