Gracias JSGarcia91, finalmente lo he resuelto de la siguiente manera:
Código CSS:
Ver original@media screen and (max-width:767px){
#opcionsMenu nav ul li {font-size:.7em;width:15%;}
#peu div.part1Peu div.interiorPeu{text-align:center;}
#peu div.part1Peu div.interiorPeu div.bannerImg {float:none;}
}
Lo que me pasa ahora, es que al saltar el texto por debajo de la imagen, dependiendo de la longitud del texto, los recuadros quedan de diferente altura.
Hay alguna manera de controlar esto:
El estilo de los recuadros los defino de igual manera, a partir de una clase.
Gracias