#imm-top{
	display: block;
	margin: 0 auto;
	width: 100%;
	position: relative;
    padding: 0;
    background-image: url('../images/testate/news.jpg');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    z-index: 100;
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#imm-bg{
	display: block;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}

#imm-top .bg{
	display: block;
	margin: 0 auto;
	position: relative;
    text-align: center;
    background: transparent;
   }

#imm-top .title{
    display: block;
	margin: 0 auto;
	position: relative;
    color:#fff;
    font-family: 'fjalla';
    font-size: 3em;
    line-height: 32px;
    text-align: center;
    padding: 160px 4px 0 4px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.95);
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

#sotto-menu{
	display: block;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
    margin-top: -60px;
    text-align: left;
    padding-left: 4px;
    z-index: 200;
}

#corpo1{
	display: block;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 70px;
}

#corpo1 .slogan1{
	font-size: 2em;
    font-family: 'fjalla';
    color:#4f5c64;
    line-height: 32px;
}

#corpo1 .slogan2{
	font-size: 1.9em;
    font-family: 'archivo';
    color:#024a8c;
    margin-top: 10px;
    line-height: 32px;
}

#corpo1 .text{
	font-size: 1.5em;
    line-height: 30px;
}

#corpo1 .partners{
	margin: 0 auto;
    margin-bottom: 40px;
	}

#corpo1 .partners img{
	width:98%;
	max-width: 300px;
	}

#corpo1 .button{
	margin: 0 auto;
	margin-top: 30px;
    font-size: 1.4em;
	font-weight: 400;
	text-align: center;
    margin-bottom: 150px;
}

#corpo1 .button a{
	color:#fff;
	background-color: #024a8c;
	border-radius: 4px;
	padding: 8px 12px 8px 12px;
		-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#corpo1 .button a:hover{
	color:#fff;
	background-color: #e2bd00;
	border-radius: 30px;
	}






/* responsive rules */
@media screen and (min-width: 1900px) {


	
}

@media screen and (min-width: 1800px) and (max-width: 1899px) {


}

@media screen and (min-width: 1590px) and (max-width: 1799px) {
	

	
}

@media screen and (min-width: 1220px) and (max-width: 1589px) {




	
}

@media screen and (min-width: 1001px) and (max-width: 1219px) {



	
}


@media screen and (min-width: 851px) and (max-width: 1000px) {
	
#imm-top{
       min-height: 340px;
}

#imm-top .title{
    font-size: 2.8em;
    padding: 140px 4px 0 4px;
    }

#sotto-menu{
    margin-top: -50px;
}

    

}


@media screen and (min-width: 651px) and (max-width: 850px) {
#imm-top{
       min-height: 290px;
}

#imm-top .title{
    font-size: 2.7em;
    padding: 130px 4px 0 4px;
    }

#sotto-menu{
    margin-top: -40px;
}


	
}

@media screen and (min-width: 451px) and (max-width: 650px) {
    
#imm-top{
       min-height: 250px;
}

#imm-top .title{
    font-size: 2.5em;
    padding: 100px 4px 0 4px;
    }

#sotto-menu{
    margin-top: -30px;
}



    
}


@media screen and (min-width: 291px) and (max-width: 450px) {

#imm-top{
       min-height: 220px;
}

#imm-top .title{
    font-size: 2.3em;
    padding: 90px 4px 0 4px;
    }

#sotto-menu{
    margin-top: -30px;
}

    
	
}

@media screen and (max-width: 290px) {
    
#imm-top{
       min-height: 200px;
}

#imm-top .title{
    font-size: 2.2em;
    padding: 80px 4px 0 4px;
    }

#sotto-menu{
    margin-top: -20px;
}

    
	
}