/* CSS Document */
#home-head-bg {
	position: fixed;
	top: 0px;
	display: grid;
	align-content: space-evenly;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
	animation-delay: 1.8s;
	z-index: 0;
}
#home-head-text {
	padding: 30px;
	color: white;
	z-index: 100;
}
.home-head-logo {
	font-family: 'EB Garamond', serif;
	font-size: 26px;
	font-weight: 100;
	padding-bottom: 20px;
	/*border-bottom: thin solid #CAC5BD;*/
	opacity: 0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}
.home-head-motto {
	width: fit-content;
	padding-top: 18px;
	font-family: 'Jost', sans-serif;
	font-size: 96px;
	font-weight: 100;
	line-height: 92px;
	opacity: 0;
	animation-name: fadein;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes showhomenav {
	from {
		bottom: -50%;
	}
	to {
		bottom: 5%;
	}
}
@media only screen and (max-width: 768px) {
	@keyframes showhomenav {
		from {
			bottom: -50%;
		}
		to {
			bottom: 0%;
		}
	}
	#home-head-text {
		padding: 25px;
	}
	.home-head-motto {
		font-size: 76px;
		line-height: 76px;
	}
}
@media only screen and (max-width: 390px) {
	.home-head-motto {
		font-size: 60px;
		line-height: 60px;
	}
}