#info{
position: relative;
float: left;
width: 80%;
left: 50%;
top: 120px;
margin-top: 5%;
transform: translate(-50%);
}

#info .dove-siamo{
position: relative;
float: left;
width: 42%;
padding: 4%;
background: rgba(6,54,96,0.9);
}

#info .titolo{
position: relative;
float: left;
width: 100%;
color: white;
font-size: 25px;
margin: 2% 0;
font-weight: 500;
}

#info .indirizzo{
position: relative;
float: left;
margin-bottom: 2%;
color: rgba(255,255,255,0.7);
}

#info .mappa{
position: relative;
float: left;
width: 100%;
padding-top: 90%;
}

#info .mappa iframe{
position: absolute;
float: left;
top: 0;
width: 100%;
height: 100%;
}

#form{
position: relative;
float: left;
width: 42%;
padding: 4%;
}

#form .titolo{
position: relative;
float: left;
width: 100%;
margin-bottom: 5%;
font-size: 25px;
font-weight: 500;
color: #063660;
}

#form label{
position: relative;
float: left;
width: 100%;
font-size: 15px;
color: #063660;
}

#form input, #form textarea{
position: relative;
float: left;
width: 97%;
margin-bottom: 5%;
padding: 1.5%;
font-size: 13px;
font-family: aileron, sans-serif;
border: none;
border-bottom: 2px solid #063660;
background: none;
outline: none;
resize: none;
border-radius: 0;
-webkit-appearance: none;
z-index: 2;
transition: 1s;
color: #063660;
}

#form textarea{
height: 100px;
}

#form textarea:focus{
border-bottom: 2px solid #063660;
margin-bottom: 0px;
}

#form input:focus{
border-bottom: 2px solid #063660;
}

#form .linea{
position: relative;
float: left;
width: 100%;
height: 2px;
background: #063660;
margin-top: -2px;
margin-bottom: 4%;
overflow: hidden;
}

#form .linea .interno{
position: relative;
float: left;
left: 0;
width: 0%;
height: 3px;
background:  #063660;
transition: 0.5s;
}

#form .input:hover .interno{
width: 100%;
}

#form input[type='submit']{
width: auto;
left: 50%;
margin-top: 5%;
padding: 3% 10%;
transform: translate(-50%);
background: none;
color:  #063660;
cursor: pointer;
transition: 0.5s;
-webkit-appearance: none;
border: 2px solid  #063660;
}

#form input[type='submit']:hover{
background: white;
color:  #063660;
}


#footer{
top: 20%;
}

@media (max-width: 850px){
#form{
width: 90%;
padding: 5%;
margin-top: 5%;
margin-bottom: 5%;
}
#info{
position: relative;
width: 80%;
left: 50%;
top: 70px;
margin-top: 10%;
margin-bottom: 10%;
transform: translate(-50%,-0%);
}
#info .dove-siamo, #info .parcheggio{
width: 90%;
padding: 5%;
}
}