Overflow orizzontale su viewport piccole, simbolo •MITD

[Fupete]

—
Problema
Su mobile piccoli (320px), o a % di ingrandimento di 400% a 1024px desktop (come richiesto per l’accessibilità), c’è un piccolo bug nell’header dovuto alla larghezza ampia del nuovo simbolo •MITD.
In pratica la coppia stellone+logo MITD diventa troppo larga e fa apparire un overflow verso destra nella pagina dovuto all’icona cerca. (Appare lo scroll orizzontale).
—
Soluzioni
Se riduciamo in pratica il 160px di width del simbolo •MITD a 90px solo su mobile va "tutto apposto" (<< da verificare). Però non possiamo farlo direttamente lì nel width dell'img perché su risoluzioni superiori a xs il simbolo sarebbe poi troppo piccolo.
Si può sistemare in molti modi ma forse il più sensato sarebbe riscrivere quella parte un po’ meglio magari stilando stellone e simbolo •MITD con classi CSS e non CSS inline.