body, html { background:#000; font-weight:400; position:relative; }

/* BRAND STYLE */
.font-serif, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .navbar, .btn{ 
	font-family: 'Playfair Display', serif; 
	font-weight:800; 
	line-height: 1em;
}
.bg-brand { background-color:#004858; }
.bg-black { background-color:#000000; }
.btn-dark:hover, .btn-dark:focus { background-color: #006b82; border-color: #006b82; }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #006b82; }

/* HEADER */
.navbar a, .navbar a:hover { border: 0 none; text-transform:uppercase; line-height:1.6em; font-weight:400; }
.navbar a span { display:block; text-transform:initial; font-size:2em; }
.navbar-dark .navbar-toggler { border-color: transparent; border-radius: 0; }
.navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255,1); border-left:2px solid rgba(255,255,255,.2); }
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color:#006b82; }
.navbar-dark.scrollato, .navbar-dark.da-scrollare { background: rgba(0,0,0,.75); }
.navbar-nav .nav-link { padding:0 .6em !important; margin-bottom:1.5em; }

#main-menu .instagram, #main-menu .facebook { filter: opacity(1); padding: 8px 20px !important; }
#main-menu .social a:hover svg { filter: opacity(0.5); }

#logo-desktop{ position: absolute; top: 0; width: 100%; }



/* FOOTER */


/* CONTENT */
section { padding:70px 0; }
hr { border-top: 1px solid rgba(255,255,255,.2); }
h2 { font-size:40px; }
p, small, small a { color: #999; }
small { line-height:1em; }
b, strong { color: #fff; }
a { color: #fff; transition:1s; }
a:hover { color: #fff; transition:.3s; }
.btn { text-transform:uppercase; font-weight:800; padding: .7rem 2rem; border-radius: 0; white-space: pre-wrap; }

#splash-home { margin-top:120px; margin-bottom:-30px; }
.header-mobile {}
.header-desktop {}
.titolo-pagina { 
	text-align: center;
    left: auto;
    right: auto;
    top: -40px;
    position: relative;
    font-size: 4em;
    line-height:1em;
    text-transform:uppercase;
}

.gallery .h5 { 
    display: block;
    padding: 50px 0 10px 0; 
}
.open-gallery img {
    border:5px solid #343a40; 
}
.instagram, .facebook { filter: opacity(0.5); }
.instagram:hover, .facebook:hover { filter: opacity(1); }

#chat {	
    height: auto;
    width: 60px;
    transition: bottom 1s;
	position: fixed;
    bottom: -1000px;
    right: 15px;
}
#chat.scrollato {	
    bottom: 15px;
    right: 15px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  


}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) { 



}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

 	.navbar-dark .navbar-brand { padding:1rem 0; transition:all .5s; }
 	.navbar-dark.da-scrollare { padding-top:130px; transition:all .5s; background:transparent; }
	.navbar-dark.da-scrollare img { filter: invert(60%); transition:all 2s;  }
	.navbar-dark.da-scrollare .navbar-nav .nav-link { }
 	.navbar-dark.da-scrollare .navbar-brand { padding: 2.5rem 0; transition:all 1.5s; }
	.navbar-dark.scrollato { transition:all .5s; background: rgba(0,0,0,.7); }

	.navbar-expand-lg .navbar-nav .nav-link { padding:0 1.2em .5em 1.2em !important; margin-bottom:0; }
	#splash-home { margin-top:200px; margin-bottom:-100px; }

    h2 { font-size:70px; }
    .titolo-pagina span { 
        background-color:#004858; 
        padding: 0 50px; 
    }

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}