/* CSS Document */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.col-xsl-6 { width: 50% !important; float: left; }
.col-xsl-4 { width: 33% !important; float: left; }
}
* { border-radius: 0 !important; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 5px; }
body, html { position: relative; width: 100%; height: 100%; margin: 0; padding: 0px; text-align: center; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; color: #333; background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; }
.wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.1); z-index: 1; }
.inner { position: absolute; width: 100%; height: 100%; padding: 20px; z-index: 2; }
.footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; z-index: 3; }
a { color: #333; text-decoration: none; }
a:hover { color: #ccc; text-decoration: none; }
.text-muted { color: #999 !important; opacity: 0.6 !important; }
.recapiti { text-align: right; font-size: 14px; }
.recapiti a { margin-right: 10px; }
.recapiti a i { margin-right: 5px; }
.logo { text-align: left; }
.booking-form { padding: 10px 60px 60px; margin-top: 30px; display: inline-block; background-color: rgba(255,255,255,0.0); border-radius: 5px; }

@media screen and (max-width: 768px) {
.wrapper { position: fixed; }
.inner { position: relative; display: inline-block; width: 100%; height: auto; }
.logo { text-align: center; }
.logo small { f
}
.logo-image { width: 100px; height: auto !important }
.recapiti { text-align: center; font-size: 12px; }
.recapiti a { margin-right: 0px; }
.booking-form { padding: 0 0 30px 0px; }
.footer { position: relative; }
}