html, body {
	height: 100%;
}
#container {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -105px;

}
#footer, #push {
    height: 105px; 
    clear: both;
}


#header {
	position:relative;
}
	
#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#f5f5f5; 
}

#container1 {
    float:left;
    width:100%;
    background:#f5f5f5; 
}

#col1,
#col2 {
	width:50%;
    float:left;
     text-align:center;
}

#col2 {
    width:46%;
    padding-left:3%;
}

#col2 .risposta .titolo{
	text-transform:uppercase;
	font-size:28px;
	color:#cc0000;
	/*color:#e10171;*/
	/*font-weight:bold;*/
	font-weight:200;
	margin-top:120px;
	text-align:left;
	padding-left:0px;
}
#col2 .risposta .sottotitolo{
	font-size:16px;
	font-weight:300;
	font-weight:bold;
	color:#adadad;	
	margin-bottom:15px;
	text-transform:uppercase;
	text-align:left;
	/*padding-left:30px;*/
	
}

#col2 .risposta .big-btn a{
	text-transform:uppercase;
	color:white;
	text-decoration:none;
	font-size:20px;
}


#grazie #footer-sx {
		width:40%;
	    text-align: left;
	    float: left;
	    color: #ffffff;
	    margin-left: 30px;
	    margin-top: 30px;
}
#grazie #footer-dx {
		width:40%;
	    margin-right: 30px;
	    margin-top: 60px;
	    float: right;
	    text-align: right;
}
#grazie #menu {
        display: block;
}
    
    
.blocco_download{
	height:70px;
	width:100%;
	text-align:left;
	/*margin-left:30px;*/
}



@media screen and (max-width: 1300px) {
	#col2 .risposta .titolo{font-size:26px;margin-top:80px;}
}
@media screen and (max-width: 1100px) {
	#col2 .risposta .titolo{font-size:24px;margin-top:25px;}
	#col2 .risposta .sottotitolo{font-size:16px;}
	#col2 .risposta .big-btn a{font-size:20px;}
	img#btn_download{width:150px;height:188px}
	
	.blocco_download.grigio {
	  margin-top:30px;
	}	
	
}

@media screen and (max-width: 980px) {
	#col2 .risposta .titolo{font-size:24px;margin-top:20px;}
	#col2 .risposta .sottotitolo{font-size:16px;}
	#col2 .risposta .big-btn a{font-size:20px;}
	img#btn_download{width:130px;height:163px}
}


@media screen and (max-width: 860px) {
	
	#col2 .risposta .titolo{font-size:24px;margin-top:20px;}
	#col2 .risposta .sottotitolo{font-size:16px;}
	#col2 .risposta .big-btn a{font-size:16px;}
	img#btn_download{width:120px;height:150px}
	.big-btn{margin-bottom:10px:}
	
	.blocco_download.grigio {	margin-top:20px;	}	

	.blocco_download {	height: 40px;	}

	.big-btn a, .big-btn a:link, .big-btn a:visited, .big-btn a:active {
	    padding: 8px 15px 8px 34px;
	    background-position: 15px 12px;
	}	   
	 	
}


@media screen and (max-width: 720px) {
	#col1,
	#col2 {
    	float:left;
    	width:100%;
    	text-align:center;
	}
	.big-btn{margin-top:20px;margin-bottom:25px;display:inline-block;}


	.blocco_download {	height: 70px;	}

	.big-btn a, .big-btn a:link, .big-btn a:visited, .big-btn a:active {
	    padding: 15px 15px 15px 34px;
	    background-position: 15px 22px;
	}	    	


	#footer{
		height:170px;
	}
	
    #grazie #footer-dx {
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
        float: left;
        width: 100%;
        text-align: center;
        font-size:12px;
    }
    #grazie #footer-sx {
        text-align: center;
        padding-top: 15px;
        margin: 0px;
        width: 100%;
        font-size:12px;
    }
}


@media screen and (max-width: 600px) {
	#logo img{
		width: 180px;
		height: 80px;
	}
	#menu-container ul#menu li{
		font-size:14px;
	}
	#grazie ul#menu {
		margin-right:0px;
	}
	#col2 .risposta .big-btn{margin-top:10px;}
	#col2 .risposta .big-btn a{font-size:14px;}

}