@font-face{
	font-family: 'RobotoRegular';
	src:url("fonts/Roboto/Roboto-Regular.eot");
	src:url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
	url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype");
	font-weight:400;
	font-style:normal;
	font-display: swap;
}
@font-face{
	font-family: 'RobotoBold';
	src:url("fonts/Roboto/Roboto-Bold.eot");
	src:url("fonts/Roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
	url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype");
	font-weight:700;
	font-style:normal;
	font-display: swap;
}
body {
	font-family: 'RobotoRegular';
}
img {
	max-width: 100%;
}
.content {
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}
.high-block {
	display: flex;
	margin-top: 40px;
}
.high-img {
	order: 0;
}
.high-text {
	order: 1;
	text-align: left;
	max-width: 60%;
	align-self: center;
	margin-left: 40px;
}
.high-h2 {
	font-size: 40px;
	font-family: 'RobotoBold';
}
.high-h2 span {
	color: #3a80c9;
	text-transform: uppercase;
}
.advantage {
	max-width: 600px;
	display: flex;
	margin: 20px 0;
}
.advantage img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
.attention {
	display: flex;
	align-items: center;
	width: 310px;
	background: #ffbc40;
	padding: 8px 10px;
	border-radius: 30px;
	color: #fff;
}
.attention img {
	margin-right: 10px;
}
.low-block {
	margin-bottom: 50px;
}
.low-h1 {
	font-size: 74px;
	margin: 40px auto;
	font-family: 'RobotoBold';
}
.marketplaces {
	display: flex;
	justify-content: center;
}
.marketplace {
	border: 1px solid #ccc;
	padding: 5px 15px;
	margin: 0 15px;
	border-radius: 7px;
	transition: all .5s;
	cursor: pointer;
}
.marketplaces a:hover .marketplace {
	border: 1px solid #3a80c9;
}
@media (max-width: 900px) {
	.low-h1 {
		font-size: 68px;
		margin: 20px auto;
	}
}
@media (max-width: 800px) {
	.high-block {
		flex-wrap: wrap;
	}
	.high-img {
		margin: 30px auto;
		order: 2;
	}
	.high-text {
		max-width: 100%;
		margin-left: 0;
	}
	.marketplaces {
		flex-wrap: wrap;
	}
	.marketplace {
		margin: 20px auto;
	}
}
@media (max-width: 550px) {
	.high-h2 {
		font-size: 23px;
	}
	.low-h1 {
		font-size: 40px;
	}
}
@media (max-width: 400px) {
	.attention {
		width: auto;
	}
}