@media all {
/* BOTTOM */
    .bottom{
		font-size: 13px;
		line-height: 1.5em;
        background:center;
		padding: 100px 0 70px;
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover;
        background-size: cover;
        background-image: url(/res/img/panoramicabottom.jpg);
    }
	.bdati{padding: 50px 0 0 0;}
	.btre{
		float: left;
		width: 31.33%;
		margin: 0 2% 0 0;
		/*background-color: #090;*/
		text-align: center;
	}
	.btre:nth-child(2){
		margin: 0 0 0 2%;
	}
    .legal{
		text-align: center;
        padding: 40px 20px 0 20px;
    }
    .legal li{
		display: inline;
		margin: 0 8px 0 8px;
	}
	.inputnewsletter{
		width: calc(100% - 130px);
		padding: 15px 15px;
		background-color: #fff;
		border: 0;
		margin: 0 0 10px 0;
		font-size: 14px;
        font-weight: 400;
        color: #000;
	}
	a.iscrivinewsletter, a.iscrivinewsletter:link, a.iscrivinewsletter:visited{
        color: #fff;
		background-color: #f00;
		text-decoration:none;
		font-size: 14px;
		padding: 16px 15px;
		font-weight: 400;
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
	}
	a.iscrivinewsletter:hover, a.iscrivinewsletter:focus, a.iscrivinewsletter:active{
		color:#f50;
		background-color: #222;
    }
    /* FINE BOTTOM */
	/* SOCIAL */
	.social{
		padding: 10px 0 0 0;
		font-size: 15px;
		line-height: 1.2em;
		height: 50px;
		text-align: center;
	}
	.social a img{
		width: 32px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	.social a:hover img{
		width: 40px;
	}
	/* FINE SOCIAL */
}


@media all and (max-width: 800px) {
    .bottom {
        padding: 60px 0 40px;
    }

    .bottom .btre {
        float: none;
        clear: both;
        margin: 0 auto 15px auto;
        width: 100%;
    }
}