@media only screen and (max-width: 750px) {

    html {
        font-weight: 500;
    }

    .colonna1,
    .colonna2,
    .colonna20percento,
    .colonna3,
    .colonna4,
    .colonna5,
    .colonna6,
    .colonna7,
    .colonna8,
    .colonna9,
    .colonna10,
    .colonna11,
    .colonna12 {
        display:block;
        float:none;
        padding: 1em 0.25em 1em 0.25em;
        width:100%;
    }

    div.ricercaMostre > img,
    div.colonna2,
    div.colonna5 > div.colonna5,
    div.header img,
    div.header div.menusuperiore,
    div.header div.menusuperioreinfo {
        display: none;
    }

    div.header > a > img,
    div.container,
    div.piedipagina,
    div.filettodestro,
    div.articolo,
    div.articolo p,
    div.colonna7 img {
        display:block;
        float:none;
        width: 100%;
        margin:0;
        padding:0;
        border:0;
    }

    div.header > a > img {
        padding-top:55px;
    }

    html body div.container div.colonna5 div.colonna7 div div.articolo p,
    div.articolo p {
        display: block;
    }

    div.articolo h3 {
        margin-bottom:0.25em;
    }

    div.piedipagina {
        width:100%;
        background-color: black;
        color:white;
        border:0;
        padding:1em 0.25em 1em 0.25em;
        font-size:1em;
        text-align: left;
    }

    div.colonna5 img,
    div.colonna7 img {
        padding-bottom: 1em;
    }

    div.colonna5 img,
    div.colonna7 img {
        padding-bottom: 1em;
    }

    div.header > div.menusuperiore {
        position: absolute;
        top: 0em;
        left: 0;
        width:100%;
        font-size:1.5rem;
    }

    div.header > div.menuselect,
    div.header > div.testatamobile {
        display: block;
    }

    div.header > div.testatamobile,
    div.header > div.testatamobile > a,
    div.header > div.menuselect,
    div.menusuperiore {
        background-color:black;
        color:white;
    }

    div.header > div.menuselect {
        position: fixed;
        right:0;
        top:0;
        height:40px;
        line-height: 40px;
        font-size:18px;
        padding-right:0.5em;
        z-index: 1000;
        cursor: pointer;
        font-weight: 500;
    }

    div.header > div.testatamobile {
        position: fixed;
        left:0;
        top:0;
        width:100%;
        height:40px;
        line-height: 40px;
        font-size:18px;
        padding-left:0.15em;
        z-index: 100;
        font-weight: 500;
    }

    html body div.container div.header > div.menusuperiore,
    html body div.container div.header > div.menusuperiore > ul {
        position: relative;
        width:100%;
        top: 25px;
        background-color: white;
        color:black;
    }

    html body div.container div.header > div.menusuperiore > ul > li > a { text-transform: uppercase; color:black; }

    html body div.container div.header > div.menusuperiore > ul > li {
        padding:0.25em;
        text-align: center;
        width:100%;
        display:block;
    }

    html body div.container div.articolo {
        margin-bottom:2em;
    }

    html body div.container div.articolo address {
        margin-top:1em;
    }

    html body div.container > div.colonna10,
    html body div.container > div.colonna7 {
        padding-top:40px;
    }

    div.colonnacentrale1,
    div.colonna7.fondochiaro2,
    div.richiamisezione * {
        margin:0;
        padding:0;
        border:0;
    }

    div.richiamisezione {
        font-size: 1.1rem;
    }

    div.richiamisezione hr {
        height: 0;
    }

    div.fondochiaro2 {
        background-color: inherit;
    }

    div.richiamisezione h1 {
        font-size: 1.5rem;
    }

    div.richiamisezione h3,
    div.richiamisezione h2 {
        margin-top: 0.25em;
        font-size: 1.25rem;
    }

    div.menusuperiore li.solomobile {
        display: inline;
    }

    br.solomobile {
        display: block;
    }

    div.colonnacentrale1 {
        width: 100%;
    }

    div.colonnacentrale1 > a > img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 90%;
        margin: 20px auto;
    }
}

