@font-face {
  font-family: "LexendLight";
  src:
	url("../fonts/Lexend-Light.woff") format("woff"),
	url("../fonts/Lexend-Light.woff2") format("woff2"),
}

@font-face {
  font-family: "LexendMedium";
  src:
	url("../fonts/Lexend-Medium.woff") format("woff"),
	url("../fonts/Lexend-Medium.woff2") format("woff2"),
}

.border-top{
	margin-top: 30px;
	border-top: 1px solid #000;
}

.d-flex{
	display: flex;
	padding-top: 30px;
}

.justify-content-between{
	justify-content: space-between;
}
html{
	background-color: #f5f5f5;
}
body{
	width: 100%;
	height: auto;
	display: flex;
	font-size: 23px;
	overflow-x: hidden;
	line-height: 32px;
	min-height: 100vh;
	flex-flow: column;
	align-items: center;
	background-size: cover;
	justify-content: center;
	font-family: "LexendLight";
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/bg.png');
}

b{
	font-family: "LexendMedium";
}

.logo-container{
	width: 100%;
	margin-top: 100px;
	text-align: center;
}

.logo-container img{
	width: 100%;
	height: auto;
	max-width: 400px;
}
footer,
.content-container{
	width: 100%;
	margin: 0 auto;
	max-width: 1000px;
}

.content-container{
	margin-top: 15%;
	padding-left: 100px;
}

.content-container h1{
	line-height: 1;
	font-size: 82px;
	font-family: "LexendMedium";
}

footer{
	max-width: 1140px;
}

@media(max-width:1200px){
	.content-container{
		margin-top: 100px;
	}
}
@media(max-width:1100px){
	.logo-container{
		margin-top: 50px;
	}
	.logo-container img{
		width: 75%;
		max-width: 200px;
	}
	footer,
	.content-container{
		width: auto;
		padding: 0 20px;
		max-width: 100%;
	}
	footer{
		width: -webkit-fill-available;
	}
}

@media(max-width:767px){
	body{
		font-size: 15px;
		line-height: 23px;
		background-image: url('../img/bg-mobile.png');
	}
	.content-container{
		margin-top: 60px;
	}
	footer,
	.content-container{
		padding: 0 50px;
	}
	.content-container h1{
		font-size: 62px;
		margin-bottom: 190px;
	}
	footer .d-flex{
		flex-flow: column-reverse;
		align-items: center;
	}
}