/* Minimal Critical CSS for Header and Structure */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
}
.header-wrapper {
	position: fixed;
	z-index: 998;
	padding: 0;
	top: 2.7rem;
	visibility: visible;
	width: 100%;
}
.header-wrapper-right {
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-wrapper-left {
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero, .banner {
	background-size: cover;
	background-position: center center;
}
.navbar, .navbar-brand {
	display: flex;
	align-items: center;
}
.dmarisd {
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 25vh;
    z-index: 10;
}
.dmarisd .home-bay-title {
    top: 17rem;
    z-index: 4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}