@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	height: 100dvh;
	width: 100%;
	font-family: "DIN Condensed";
	background: #162a2dff;
	font-style: normal;
	font-weight: 200;
	
}

.main_container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* background-color: #88990044; */

	height: 100%;
	width: 100%;
}

.overlay_text {
	padding-right: 30px;
	position:relative;
	z-index: 1;
	text-align: end;
	

	height: 1rem;
	width: 100% - 30px;
	color: #8ca78d;
	font-family: "DIN Condensed", "Impact", "Haettenschweiler", "Franklin Gothic Bold", "Arial Black", "sans-serif";
	text-shadow: -16px 16px 20px #000000AA;
	opacity: 35%;
	font-size: 1rem;
	/* background-color: #00000044; */
	
}

/* BACKGROUND IMAGE */


.fg_image_container {
	display: flex;
	position: absolute;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	/* overflow: hidden; */
	/* background-color: #FF442244; */
}


.prim_logo {
	position: relative;
	object-fit:contain;
	height: calc(.25*vw);
	width: 70vmin;
	/* scale: 100%; */
	z-index: 0;
	/* background-color: #FF0000AA; */

	/* caption-side: none; */

}

.comingsoon {
	position: relative;
	width: clamp(10rem,20vmin,20rem);
	/* width: clamp(10rem,15%,20rem); */
	/* background-color: #FF0000AA; */
}

.bg_image_container {
	display: flex;
	position: absolute;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
}

.bg_icon {
	position: absolute;
	object-fit: cover;
	align-self: center;
	justify-self: center;
	scale: 80%;
	z-index: -2;
	opacity: 5%;
}