Hallo,
“eine” Lösung wird das nicht - da müssen ein paar Sachen mehr angepasst werden.
Chrome sieht zum Beispiel schonmal anders aus als Safari - hatte ich auch noch nie… 
Bei einem “breiten” Monitor wandert das riesige Logo nach oben hinaus, unter Safari sind die PC-Systeme halb versteckt.
Responsive ist nicht schön gelöst…
Aber ganz ohne Lösung will ich das auch nicht stehen lassen…
Um “nur” den Inhalt nach unten zu schieben kannst du der “content–breadcrumb”-class einen margin-bottom: 25px; verpassen.
Grüße