html, body {
	margin: 0;
}

main {
	margin-top: -30px;
	width: 100%;
}
			
.home {
    font-size: 24pt;
}

a {
    text-decoration: none;
}

body {
    overflow-x: hidden;
    background-image: var(--bs-bg);
    background-attachment: fixed;
}

.site-logo {
    content:var(--bs-site-logo);
}

.body-bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-image: var(--bs-bg);
   background-size: cover;
   z-index: -1;
}

.nav-item > a.home {
    width: 378px;
    text-align: center;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.facebook-logo:hover {
    color: #3b5998;
}

.header-address {
    min-width: 300px;
}

.content-banner {
    padding: 0 !important;
    /*background-color: var(--bs-body-bg);*/
    /*background-color: rgba(255,255,255,0.2);*/
    /*background-color: rgba(0,0,0,0.6);*/
    width: 100%;
    max-width: 100%;
    /*background-image: url('../images/banner/img_1_bw.jpg');*/
    background-image: var(--bs-banner-bg);
    background-size: cover;
    /*background-blend-mode: overlay;*/
    /*box-shadow: 36px 6px 10px rgb(20, 20, 20) inset;*/
    box-shadow: var(--bs-banner-shadow);
    opacity: 0;
    transform: translateY(50px);
}

.content-banner-anim {
    opacity: 1 !important;
    transform: translateY(0px) !important;
    transition: opacity 0.7s ease-out, transform 0.7s;
}

.content-banner > div > div {
    max-width: 90% !important;
}

.content-banner > div > div > h1 {
    text-shadow: 3px 3px 3px black;
    color: white !important;
}

.content-banner > div > div > p {
    text-shadow: 2px 2px 0px black;
    color: white !important;
}

.container > header {
    border-bottom: var(--bs-header-border) !important;
}

.container > footer {
    border-top: var(--bs-header-border) !important;
}

footer {
    position: relative;
    width: 100%;
    max-width: 100vw;
}