#footer {
position:relative;
float:left;
width:100%;
background: #063660;
margin-top: 5%;
padding-bottom:5%;
z-index: 1;
overflow: hidden;
}
#footer img{
position: absolute;
float: left;
width: 100%;
top: 50%;
left: 50%;
opacity: 0.1;
filter: grayscale(1);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 900px){
#footer img{
width: auto;
height: 100%;
}
}
#footer a {
text-decoration:none;
color:rgba(255,255,255,.7)
}
#footer .colonna {
position:relative;
float:left;
width:10%;
height:auto;
padding-right:5%;
top:0;
margin-top:5%;
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
#footer #explore.colonna{
margin-left: 5%;
width: 15%;
}
#footer #posizione-contatti.colonna {
width:15%
}
#footer #orari.colonna{
width: 20%;
color:rgba(255,255,255,.7)
}
#footer #legal.colonna{
width:5%;
}
#footer #bottone.colonna{
width:15%;
}
#footer #pi.colonna{
width: 30%;
padding: 0;
margin-top: 0;
}
#footer #pi.colonna .titolo{
margin-top: 5%;
}
#footer #pi.colonna .selezione{
width: 100%;
color:rgba(255,255,255,.7)
}
#footer .colonna .titolo {
font-weight:700;
font-size:17px;
color: white;
}
#footer .colonna .selezione {
position:relative;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
margin-bottom:2px;
font-size:14px
}
#footer .colonna .selezione .linea {
position:relative;
float:right;
width:0;
height:2px;
background:rgba(255,255,255,.5);
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
#footer .colonna .selezione:hover .linea {
float:left;
width:100%
}
#footer #bottone .bottone {
position:absolute;
float:left;
width:60%;
padding:5%;
background:rgba(255, 255, 255, 0.2);
color:#fff;
text-align:center;
cursor:pointer;
border:1px solid #fff;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s
}
#footer #bottone .bottone:hover {
background:#fff;
color: #063660;
border:1px solid  #063660
}
@media(max-width:900px) {
#footer .colonna {
position:relative;
float:left;
width:100%;
right:auto;
padding:2% 5%;
margin-top:0;
top:0
}
#footer #explore.colonna{
margin-top:22%;
margin-left: 5%;
width: 30%;
}
#footer #posizione-contatti.colonna {
width:40%;
margin-top:22%;
}
#footer #orari.colonna{
width: 90%;
color:rgba(255,255,255,.7);
margin-left: 5%;
}
#footer #bottone.colonna{
position: absolute;
width:100%;
margin-top: 2%;
}
#footer #legal.colonna {
margin-top:2.5%;
margin-left: 5%;
width:35%;
}
#footer #bottone .bottone {
margin-left:10%;
width: 50%;
}
#footer #pi.colonna{
margin-top:5%;
width: 30%;
}
}