opgelost Beeld vervormt en is afgekapt als het scherm verkleint

Ik wil een bestaande site in J3.3 herschrijven om via Bootstrap een betere schermaanpassing te krijgen. Als template gebruik ik Protostar.
Als ik het scherm smaller maak, wordt de header (png) afgekapt, en de (rechter) memus in de body/tekst geschoven. Smaller dan +- 60% is er geen probleem meer, worden menu's onder en boven verplaatst en de header verkleint.
Bij <Template> 'Vloeiend' of 'Statisch' aanzetten maakt geen verschil.
Waar/hoe kan ik dit correct krijgen?
test site

Even dit toevoegen aan je template.css. Hij "struikelt" over de intro-afbeelding.

Ik heb de 3 regel ingevoegd (op regel 190), maar merk geen verschil.
(Ik zie dat de ZOEK ruimte in het menu ook niet mee aangepast wordt aan het formaat, maar dat is mogelijk nog een ander probleem?)
Maakt het iets uit wààr ik die 3 regels kopieer?

Het handigste is onderaan. Dan weet je welke je aangepast hebt. Je moet deze ook nog even toevoegen voor de header:
En deze voor het zoekvak: En even je browsercache legen!

Ja, nu doet ie het. En de zoekfunctie schaalt ook mee.
Bedankt!