@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}
.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgb(248 237 219) !important;
}

.top-5 {
    top: 5px;
}
.connect-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 3rem;
	height: 3rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 9999px;
	background-color: #100E09;
	color: #e9d1b3;
	margin-left: -.75rem;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	will-change: opacity
}

.connect-icon:first-child {
	margin-left: 0
}

.connect-icon:nth-child(2n) {
	background-color: #e9d1b3;
	color: #100E09;
}

.connect-icon svg {
	fill: currentColor;
	width: 1.5rem;
	height: 1.5rem
}

.connect-icon:hover {
	opacity: .75
}

footer {
    position: fixed;
    height: 220px;
    bottom: 0;
    width: 100%;
}