הקטנת הלוגו והתפריט בהתאמה לגודל המסך

אני עובדת עם שרת מקומי, לא אוכל לשלוח לך לינק
יש לך דרך לעזור לי למרות זאת?

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

.sf-menu li:hover { background-color: #009147 }

.sf-menu li.active a { background-color: #009147; }

.sf-menu>li{border-bottom:0px solid transparent;}

.sf-menu>li{border-bottom:0px solid transparent !important; }

.sf-menu li a{
padding-top: 60px;
text-align: center;
}

1. גודל הלוגו: 103X 133 גודל באחוזים: 100%
2. צבע ברקע של ההידר לבן-הדרתי את זה בהתאמה אישית

ממש תודה, עזרת לי מאד!