#Landing {
	background-image: url(../img/lenovo-f1-bg.jpg);
	background-size: cover;
	background-position: 47% 87%;
	background-repeat: no-repeat;
	color: var(--color-white);
	background-color: var(--color-background);
}

#Landing .logo-intel {
	background-image: url(../img/logo-intel-light.svg);
}

.is-desktop #Landing ._text {
	position:absolute;
	left:5rem;
	top: 5rem;
	bottom:10rem;
	max-width: 30rem;
	display: flex;
	flex-direction: column;
	justify-content:center;
}

.is-desktop #Landing p {
	max-width:29.5rem;
}

#Landing-Launch {
	margin-top:2rem;
}

.is-desktop #Landing .logo-lenovoF1 {
	width:21rem;
	height: 4rem;
	left:calc(50% - 10.5rem);
}
#Landing .logo-lenovoF1 {
	background-image: url(../img/logo-light-f1-lenovo.svg);
}

#Landing .terms-and-conditions {
	position: absolute;
	bottom:1rem;
	text-align: center;
	width: 100%;
}

.is-mobile #Landing ._text {
	margin:5rem 1.5rem 11rem 1.5rem;
	max-width:17.6rem;
}

.is-mobile #Landing .raceToCreate {
	top:1.5rem;
	left:1.5rem;
}
.is-desktop #Landing .raceToCreate {
	top:5rem;
	left:5rem;
}

.is-mobile #Landing h3 {
	font-weight:500;
}

#Landing ._loader {
	position: absolute;
	bottom: 28%;
	left: 20%;
	width: 60%;
	height:0.5rem;
	background-color: #fff2;
}

#Landing ._loaderBar {
	background-color: var(--color-white);
	width: 0;
	height: 100%;
}

#Landing ._loadingText {
	position: absolute;
	bottom: 24%;
	left: 20%;
	width: 60%;
	text-align: center;
	color: var(--color-white);
	font-size: 1.2rem;
}

.is-desktop #Landing ._loadingText {
	font-weight:500;
	bottom:26%;
}

.is-desktop #Landing ._loader {
	left: 30%;
	width: 40%;
	bottom:30%;
}

.is-inapp #Landing {
	display: none !important;
}