/*
 * Custom CSS
 */

:root {
  --bs-body-bg: var(--bs-black);
  --bs-body-color: var(--bs-white);
  --bs-font-sans-serif: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
	overflow-x: hidden;
}
.the-content {
	min-height: 100vh;
	min-width: 100vw;
	display: flex;
	align-items: center;
	justify-content: center;
}
img {
	max-width: 100%;
}

h1 {
	font-weight: 700;
}
.full-video {
	min-height: 100vh;
	min-width: 100vw;
	position: relative;
	background-color: black;
	overflow: hidden;
}
.the-video {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 100%;
    max-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    object-fit: contain;
    z-index: 0;
}
@media(orientation: landscape) {
	.portrait {
		display: none;
	}	
}
@media(orientation: portrait) {
	.landscape {
		display: none;
	}	
}

.scroll-down {
	width: 50px;
	height: 50px;
	position: absolute;
	bottom: 25px;
	left: 50%;
	margin-left: -25px;
	color: white;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}