/*inizio MOBILE##############*/ @media screen and (max-width: 899px) {
    
 body {
        font-family: Raleway, sans-serif;
        font-size: 90%;
        font-weight: 200;
        line-height: 125%;
        text-align: justify;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
}

    .WordSection1 { /*stabilisco i margini*/
    width: 90%;
    margin: 15px 5%;
    
}
    
    .WordSection1 .titolo1 {
        text-align: left;        
        font-size: 100%;
        font-weight: 500;
        margin: 20px 0px 6px;
    } 
    
    .WordSection1 .titolo2 {
        text-align: left;
        font-size: 100%;
        font-weight: 500;
        margin: 10px 0px 0px;
    } 
    
    .tipo-cookie { /*Creo un riquadro per evidenziare il tipo di cookie*/
        margin: 10px 0px;
        width: 96%;
        padding: 2% 2%;
        
        /*colore sfondo riquadro*/
        background-color: #F0F0F0;
        border: solid 1px darkgrey;
        
    }   
    
            
}

/*inizio DESK##############*/ @media screen and (min-width:900px) {
    body {
        font-family: Raleway, sans-serif;
        font-size: 100%;
        font-weight: 200;
        line-height: 125%;
        text-align: justify;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
}

    .WordSection1 { /*stabilisco i margini*/
    width: 95%;
    margin: 15px 2.5%;
    
}
    
    .WordSection1 .titolo1 {
        font-size: 130%;
        font-weight: 500;
        margin: 20px 0px 6px;
    } 
    
    .WordSection1 .titolo2 {
        font-size: 100%;
        font-weight: 500;
        margin: 10px 0px 0px;
    } 
    
    .tipo-cookie { /*Creo un riquadro per evidenziare il tipo di cookie*/
        margin: 10px 0px;
        width: 98%;
        padding: 1% 1%;
        
        /*colore sfondo riquadro*/
        background-color: #F0F0F0;
        border: solid 1px darkgrey;
        
    }

}