Problema mobile

Buongiorno!
Per rendere compatibile l’immagine dell’header con la versione mobile del sito, ho inserito questo:
#parallax-bg{
background-size : 100%;
}
In questo modo l’immagine si adatta agli schermi di tutti i dispositivi ma viene fuori un altro problema, anzi due:
1) ora la fascia di colore bianco con il titolo del sito copre in parte l’immagine
2) si crea uno spazio bianco tra l’immagine e i box

Si può vedere il risultato su smartphone e tablet facendo questo test:
http://ami.responsivedesign.is/#

La pagina su cui ho bisogno di aiuto: [devi essere connesso per vedere il link]