/* landing-page.css */
/* DESKTOP */
.landing-page {
	display: flex;
	width: 100dvw;
	height: auto;
	position: relative;
	margin-top: 7px;
}

.landing-page {
	margin-top: -9.4479vw !important;
}

#title,
#date,
#address {
	font-family: 'INDEPENDENT Text', sans-serif;
	font-size: 7.973vw;
	line-height: 6.6385vw;
	margin-left: 1vw;
	color: #FF0089;
}

#title {
	position: absolute;
	top: 0.8vw;
	z-index: 100;
}

#address {
	font-family: 'Founders Grotesk', sans-serif;
	margin-left: 30vw;
	font-size: 2.0315vw;
	line-height: 2.21vw;
	margin-bottom: -8px;
}

#logo-chavannes {
	right: 4vw;
	max-height: calc(3.8vw - 1px);
	color: #000;
	margin-right: 1vw;
}

.bottom-elements {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 35.5vw;
	width: 100%;
	position: relative;
	z-index: -10;
}

#replacementSVG {
	display: none;
}

.gif img {
	position: absolute;
	top: 5.5vw;
	transform: translateX(-50%);
	left: 50%;
	max-width: 33.201vw;
	z-index: 5;
	margin-left: 3vw;
	cursor: pointer;
}

/* Safari Specific Fixes */
@media not all and (min-resolution:.001dpcm) {
	#address {
		margin-bottom: -3px;
		margin-left: 20vw !important;
	}

	#logo-chavannes {
		margin-bottom: 8px;
	}
}

/* Firefox Specific Fixes */
@supports (-moz-appearance: none) {
	#address {
		margin-bottom: 8px;
	}

	#logo-chavannes {
		margin-bottom: 17px;
	}
}

/* MOBILE */
@media (max-width: 800px) {

	.landing-page {
		height: auto;
		margin-top: -150px !important;
		top: 5px !important;
	}
  
  	.bottom-elements {
        position: relative;
        bottom: 0;
    }

	#title {
		top: 4.6141vw;
		left: 2.2191vw;
		font-size: 12.9226vw;
		line-height: 11.0789vw;
		z-index: 1000;
	}
  
	.bottom-elements {
        position: relative;
        bottom: 0;
        padding: 1vw;
    }
  
	#date {
		position: absolute;
		top: 96.4073vw;
		left: 2.2191vw;
		font-size: 12.9226vw;
		line-height: 10.1602vw;
	}

	#address {
		margin-left: 3.8191vw !important;
		margin-top: 121vw;
		font-size: 3.325vw;
		line-height: 3.6964vw;
		flex: 1;
	}

	#logo-chavannes {
		display: grid;
		top: 121.25vw;
		max-height: 6.8vw;
		margin-right: 15px;
	 	margin-left: auto;
	}

	.gif img {
		top: 57.4693vw;
		max-width: 67.4167vw;
		z-index: 100;
	}

	#title,
	.gif img,
	#date,
	#address {
		margin-left: 2vw;
	}
}