#contenitore-hero {width: 100%; overflow: hidden; position: relative; }
.evidenza-colore {font-weight: bold; color: #8B3D3D}
 #contenitore-immagine, #annuncio {position: relative}



/*inizio DESK##############*/ @media screen and (min-width:900px) {
    
#motto {position: absolute; top: 5%; left: 5%;}
    
#annuncio{width: 100%; padding-top: 5%; padding-bottom: 2%;}
    
#annuncio p {
    font-family: "Raleway"; 
    font-size: 155%; color: #333333; 
    text-align: center;
    line-height: 130%; 
    margin: 0 5% 5% 5%;}
    
.desktop {display: block;}
    
.mobile {display: none;}
    
#logo-e-motto-lancio {position: absolute; left: 5%; top: 0%;width: 45%;}    
#logo-e-motto-lancio p{text-align: left; font-family: "Josefin sans"; font-weight: 300; font-size: 170%; text-transform: uppercase;
        line-height: 120%; color: white; margin: 0px;} 
    
#logo-e-motto-lancio img{
        width: 100%;
    }
    
#contenitore-bottone {position: absolute; left: 5%; top: 64%;width: 45%;float: right;}
.bottone {width: 143px; height: 38px; float: right; display: block;background-image: url(learn-more.png)}
a.bottone:hover {background-image: url(learn-more-hover.png)}
    
.bottone-ita {width: 143px; height: 38px; float: right; display: block;background-image: url(IT-learn-more.png)}
a.bottone-ita:hover {background-image: url(IT-learn-more-hover.png)}
    
    

.news-box p {font-family: 'Raleway'; font-size: 140%; line-height: 140%; text-align: justify; }    
.news-side {float: left; width: 34%; margin-right: 2%; }    
    
   
} /*FINE DESK*/


/*TABLET ORIZZONTALE #######*/  @media screen and (max-width: 1130px) and (min-width: 900px) {
    
    #menu-principale li a {font-size: 70%;}
    #motto img {width: 95% !important;}
    #logo-e-motto-lancio p {font-size: 130%;} 
    #contenitore-bottone {top: 75%}
    a.sub::after {height: 8px;}
    
    
} /*FINE TABLET ORIZZONTALE*/



/*INIZIO MOBILE#############*/ @media screen and (max-width:899px) {
    
#motto {position: absolute; width: 50%; top: 5%; left: 5%;}
    
#annuncio {width: 100%; background-color: #E6E6E6; padding-top: 5%; padding-bottom: 0%;}
    
#annuncio p {font-family: "Raleway"; font-size: 90%; color: #333333; text-align: center;line-height: 130%; margin: 0 5% 5% 5%;}
    
.desktop {display: none; }
    
.mobile {display: block; }
    
#logo-e-motto-lancio {
    position: absolute;
    left: 0%;
    top: 24%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);} 
    
#logo-e-motto-lancio p{
    text-align: center; font-family: "Josefin sans"; 
    font-weight: 300; font-size: 100%; text-transform: uppercase;
    line-height: 120%; color: white; margin: 0px 5% 3% 5%;}  
    
#logo-e-motto-lancio img{
        width: 90%; display: block; margin: 2% auto;
    }    
    
#contenitore-bottone {position: absolute; width: 100%; float: none;
    bottom: 8%;
    
    }
    
.bottone {width: 143px; height: 38px; float: none; 
    display: block; margin: auto; 
    background-image: url(learn-more.png)}
    
a.bottone:hover {background-image: url(learn-more-hover.png)}    
    
    
} /*FINE MOBILE*/


/*TABLET #######*/ @media screen and (max-width: 899px) and (min-width: 550px) {    
    
#annuncio p {font-family: "Raleway"; font-size: 120%; 
    text-align: center;line-height: 130%; margin: 0 5% 5% 5%;
    /*color: #333333;*/}      
      
}/*FINE TABLET*/