body{
    font-size:15px;
    color:#004376;
    font-family: 'Lato', sans-serif;
    overflow-x: hidden;
}
a{
    color:#004376;
}
h1{
    font-weight: lighter;
    font-size: 35px;
    font-family: 'Lato', sans-serif;
    color:#004376;
}
#logo {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    left: 0;
    top: 65px;
}
.bgimage{
    background-image:url(../img/hall.jpg);
    background-position: center center;
    background-size: cover;
    display: block;
    padding:0;
    bordeR:1px solid #B69856;
}
.bgimage.camere{
    background-image:url(../img/camera.jpg);
}
.bgimage.servizi{
    background-image:url(../img/ristorante.jpg);
}
.bgimage.spiaggia{
    background-image:url(../img/spiaggia.jpg);
}
.bgimage span{
    margin-top:250px;
    background: rgba(0,0,0,.6);
    display: block;
    padding: 15px;
    text-align: center;
    color: #fff;
    font-weight: lighter;
    font-size: 25px;
}
.language {
    float: right;
}
.testata {
    padding: 35px 0;
}

.language select {
    border: 0;
    color: #004376;
    text-transform: uppercase;
    margin-right: 20px;
}

.footer{
    background: #004376;
    color: #fff;
    padding: 20px 20px;
    font-size: 18px;
    text-align: center;
    margin-top:60px;
}
.front .footer{
    margin-top:0;
}
.footer a{
    color:#fff;
}
.footer-social {
    display: inline-block;
    padding:5px 3px;
}
.color-title{
    color: #0071bb;
}

.testata-int .bgimage span{
    background: transparent;
    margin-top: 150px;
    padding-bottom: 150px;
    font-size: 35px;
}
.testata-int{
    margin-bottom: 60px;
}
h3{
    font-size: 33px;
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    color: #0071BB;
    padding-top:0;
    text-align: right;
}
.align-top{
    margin-top:20px; 
}

#map-canvas{
    width: 100%;
    height:400px;
}

@media screen and (max-width:760px){
    .row{
        display: block;
    }
    h1 {
        font-size: 25px;
        text-align: center;
    }
    h3{
        text-align: left;
        margin-top:20px;
        margin-bottom: -20px;
    }
    .align-top{
        margin-top:0px;
    }
    .language {
        float: none;
        text-align: center;
    }
    .language select{
        width: auto;
    }
    #logo{
        top:auto;
    }
}