@media (min-width:800px) and (max-width:1200px) {

    /*-------------------PRIMA PAGINA----------------------------------------*/

    .posizioneLegature {
        width: 80%;
    }

    .posizioneAccesso {
        left: 70%;
        top: 3%;
    }

    /*-------------------FONT SIZE----------------------------------------*/
    .legature-xlarge, .legature-iconaMenu {
        font-size: 21px !important
    }

    .legature-xxlarge {
        font-size: 24px;
    }

    .legature-xxxlarge {
        font-size: 27px;
    }

    .legature-large {
        font-size: 0.8em !important
    }

    .legature-medium {
        font-size: 0.65em !important
    }
/*
*/

    /*-------------------INTESTAZIONE----------------------------------------*/


    .infoIntestazione {
        grid: 30px / 35% 35% 40px 20%;
    }

    .paddingIntestazione {
        padding-top: 10px;
    }

    #termine {
    }

    #titoloApplicazione {
        grid-area: 1 / 1 /span 1 / span 4;
        text-align:center;
    }

    .titoloFunzione {
        grid-area: 2 / 1 /span 1 / span 2 ;
        text-align:left;
    }

    #pagHome {
        grid-area: 2 / 3;
    }

    #navigazione {
        grid-area: 2 / 4;
    }

    /*-------------------INTERVENTO----------------------------------------*/

    .barraComandi {
        width: 95%;
        clear: both;
    }

    .areaIntervento {
        width: 98%;
        margin: 10px 0 0 25px;
        clear: both;
    }

    .comando {
        font-size: 0.8em;
        height: 40px !important;
    }

    .comandiInLinea {
        float: right;
    }

    .datiDestinatario {
        width: 85%;
        margin: 0 auto
    }

    .infointervento {
        width: 49%;
    }

    .testiintervento {
        width: 49%;
    }

    .interessati {
        width: 100%;
    }

    .intervento, .privacyDestinatario {
        width: 49%;
    }

        /*-------------------ANAGRAFICA----------------------------------------*/

    .datiAnagrafici {
        width: 95%;
    }

    .areaDestinatario {
        width: 98%;
        margin: 10px auto 5px auto;
    }

    #disagio, #dipendenza {
        width: 100%;
        margin-right: 0;
    }

    /*-------------------ICONE MENU----------------------------------------*/

    .iconeMenu {
        width: 60%;
    }
}