/*
 * Joan Llarch — visualització en dispositius mòbils
 *
 * La maqueta original de 972 px es conserva íntegrament en ordinadors,
 * tauletes i mòbils. El viewport definit a header.php permet que el
 * navegador mòbil mostri la composició completa sense desmuntar el menú,
 * les imatges decoratives ni les finestres originals.
 *
 * No afegir aquí regles que redimensionin o reposicionin la capçalera,
 * el menú, el contingut o el peu de pàgina.
 */

/* Ajustos mínims per a mòbil sense alterar la maqueta original de 972 px. */
@media screen and (max-device-width: 767px) {
    /* Baixa lleugerament la imatge marró del peu de pàgina. */
    .Wrapper,
    .WrapperExpanded {
        background-position: center calc(100% + 100px);
    }
}