@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Regular"),local("GTWalsheimProRegular"),url(../fonts/GTWalsheimProRegular.woff2) format("woff2"),url(../fonts/GTWalsheimProRegular.woff) format("woff"),url(../fonts/GTWalsheimProRegular.ttf) format("truetype");
	font-weight: black;
	font-style: normal
}

@font-face {
	font-family: GT Walsheim Pro;
	src: local("GT Walsheim Pro Bold"),local("GTWalsheimProBold"),url(../fonts/GTWalsheimProBold.woff2) format("woff2"),url(../fonts/GTWalsheimProBold.woff) format("woff"),url(../fonts/GTWalsheimProBold.ttf) format("truetype");
	font-weight: black;
	font-style: normal
}

.ml4 {

}
.ml4 .letters {

	opacity: 0;
	color: white;
	font-size: 20px;
}

a {
	font-family: GT Walsheim Pro;
	font-weight: 800;
}

body {
	margin: 0;
	padding: 0;
	background: linear-gradient(225deg, #AACB4D 0%, #298654 100%);
}

.logo {
	box-sizing: border-box;
	text-align: center;
	height: 100vh;
	/* border: 2px solid red; */
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.logo i {
	font-size: 8rem;
	color: white;
	/* border: 2px solid red; */
	margin-bottom: 5rem;
}

.logo .line1 {
	width: 20rem;
	height: 0.4rem;
	background-color: #20222B;
	border-radius: 6px;
	/* margin-top: 1rem; */
}

.logo .line2 {
	width: 0;
	height: 0.4rem;
	background-color: #ffff;
	border-radius: 6px;
}

@media screen and (max-width:320px) {
	.logo i {
		font-size: 5rem;
	}
	.logo .line1 {
		width: 10rem;
		height: 0.4rem;
		border-radius: 6px;
	}
}

@media screen and (max-width:375px) {
	.logo i {
		font-size: 5rem;
	}
	.logo .line1 {
		width: 12rem;
		height: 0.4rem;
		border-radius: 6px;
	}
}

@media screen and (max-width:425px) {
	.logo i {
		font-size: 6rem;
	}
	.logo .line1 {
		width: 13rem;
		height: 0.4rem;
		border-radius: 6px;
	}
}

@media screen and (min-width:700px) {
	.logo i {
		font-size: 10rem;
	}
	.logo .line1 {
		width: 25rem;
		height: 0.4rem;
		border-radius: 6px;
	}
}