A proposito di miglioramenti non si potrebbe fare in modo che l'immagine header del breackpoint smarfone e tablet abbia style adattivo :

<img class=”img-responsive” ….link immagine…. />

con il CSS apposito prima della chiusura HEAD:

<style>

.img-responsive {
display: block;
max-width: 100%;
height: auto;
}

</style>

Io ho usato per il video in home un sistema simile e funziona alla grande .

Così facendo appena si entra in modalità BREACKPOINT tablet-smartphone l'immagine header si adatterebbe al dispositivo come fanno attualmente i testi e le immagini delle pagine .