body {
	background-color: #08172C;
	font-size: 12pt;
	font-family: 'Nunito Sans';
	font-weight: normal;
	letter-spacing: 0.13em;
}

.anim_background{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0px;
	margin: 0px;
	border: 0px;

	background-image: url("lebrand_LP-teaser_anime_256.gif");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 10vh;
	background-size: auto auto;
}

.gradient_background{
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0px;
	margin: 0px;
	border: 0px;

	background-image: url("lebrand-background-mobile.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center -5vh;
	background-size:cover;
}

.logo {
	display: block;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	background-image: url("lebrand-logo-mobile.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 35px 35px;
}

.contact_container{
	display: flex;
	flex-direction: column;
    align-items: center; 
    justify-content: center;
}

.contact_link{
	color: #FFFFFF;
	position: absolute;
	bottom: 16vh;
	text-decoration: none;
}

.contact_link:hover{
	color: #0A566C;
}

@media screen and (orientation: portrait) and (min-height: 775px){
	.gradient_background{
		background-position: center 0;
	}
}

@media screen and (orientation: portrait) and (min-height: 775px) and (max-width: 400px){
	.contact_link{
		bottom: 23vh;
	}
}

@media screen and (orientation: portrait) and (min-width: 450px) and (max-height: 719px){
	.anim_background{
		background-size: auto 60vh;
		background-position: center 15vh;
	}

	.gradient_background{
		background-image: url("lebrand-background.png");
		background-position: center 0px;
		background-size: cover;
	}
}

@media screen and (orientation: portrait) and (min-width: 450px) and (min-height: 720px){
	.anim_background{
		background-size: auto 60vh;
		background-position: center 15vh;
	}

	.gradient_background{
		background-image: url("lebrand-background.png");
		background-position: center 0px;
		background-size: cover;
	}
}

@media screen and (orientation: portrait) and (min-width: 450px) and (min-height: 768px){
	.anim_background{
		background-size: auto 60vh;
		background-position: center 15vh;
	}

	.gradient_background{
		background-image: url("lebrand-background.png");
		background-size: cover;
	}

	.logo{
		width: 200px;
		height: 200px;
		background-image: url("lebrand-logo-mobile-2x.png");
	}
}

@media screen and (orientation: portrait) and (max-width: 360px) and (min-height: 641px){
	.anim_background{
		background-size: auto 60vh;
		background-position: center 12vh;
	}

	.gradient_background{
		background-position: center;
		background-size: cover;
	}
}

@media screen and (orientation: portrait) and (max-height: 620px) and (min-width: 375px){
	.contact_link{
		bottom: 10vh;
	}

	.xanim_background{
		background-size: auto 60vh;
		background-position: center 12vh;
	}

	.xgradient_background{
		background-position: center;
		background-size: cover;
	}
}

@media screen and (orientation: landscape){
	.anim_background{
		background-size: auto 60vh;
		background-position: center 15vh;
	}

	.gradient_background{
		background-image: url("lebrand-background.png");
		background-position: center;
		background-size: cover;
	}
}

@media screen and (orientation: landscape) and (min-width: 768px){
	.logo{
		width: 200px;
		height: 200px;
		background-image: url("lebrand-logo.png");
	}
}

@media screen and (orientation: landscape) and (min-width: 1280px){
	.logo{
		width: 300px;
		height: 300px;
		background-image: url("lebrand-logo.png");
	}
}

@media screen and (orientation: landscape) and (min-width: 1440px){
	.anim_background{
		background-size: auto 80vh;
		background-position: center 5vh;
	}
}

@media screen and (orientation: landscape) and (max-height: 444px){
	.anim_background{
		background-size: auto 70vh;
		background-position: center 10vh;
	}
}

@media screen and (orientation: landscape) and (max-height: 380px){
	.anim_background{
		background-size: auto 90vh;
		background-position: center 0px;
	}
}