:root body {
	background-color: #2a2a2e;
	font-family: Tenez;
	font-size: 0.87rem;
	line-height: 1.2;
}

@font-face {
	font-family: MotivaSans-Thin;
	src: url('fonts/MotivaSansThin.ttf');
}

@font-face {
	font-family: MotivaSans-Black;
	/* src: url('fonts/MotivaSansTest-Black.otf'); */
	src: url('fonts/MotivaSansBlack.woff.ttf');
}

@font-face {
	font-family: Tenez;
	src: url('fonts/TenezTest-Regular.otf');
}

p {
	margin: 0;
	line-height: 1.25;
	text-indent: 1rem;
}

p:first-child {
	text-indent: 0;
}

.container {
	/* background-color: white; */
	/* height: 900px; */
	margin: auto;
	max-width: 1680px;
	display: flex;
	flex-wrap: wrap;
}

.container > div {
	background-size: 100%;
	background-repeat: no-repeat;
	flex: 100%;
}
.title {
	font-family: MotivaSans-Black;
	text-align: center;
	font-size: 6.7vw;
	line-height: 1.11;
}
.author {
	color: #404040;
	font-family: MotivaSans-Thin;
	text-align: center;
	font-size: 1.3vw;
	line-height: 1.11;
}

.caption {
	color: #404040;
	font-family: MotivaSans-Thin;
	font-size: 1.1vw;
}

.container .col1 {
	margin-bottom: 20px;
}

.container .block {
	font-size: 1.6vw;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	width: 69vw;
}
.block div:first-child {
	margin-right: 1rem;
}

.container .block > div {
	flex: 50%;
}

@media (min-width: 800px) and (max-width: 1710px) {
	.container > div {
		flex: 50%;
	}
	.container .col1 {
		margin-bottom: 0;
	}
	.title {
		font-size: 3.45vw;
	}
	.author {
		font-size: 0.7vw;
	}
	.container .block {
		width: 35.5vw;
	}
	.container .caption {
		font-size: 0.65vw;
	}
}

@media (min-width: 1710px) {
	.container > div {
		flex: 50%;
	}
	.container .col1 {
		margin-bottom: 0;
	}
	.title {
		font-size: 59px;
	}
	.author {
		font-size: 12px;
	}
	.container .block {
		font-size: 0.87rem;
		width: 610px;
	}
	.container .caption {
		font-size: 0.68rem;
	}
}