.container { margin: 0 auto; max-width: 1000px; }

#centre-hero { margin-top: 60px; }
#centre-hero .btn {
	background-color: #2AD3B3;
	font-size: 24px;
	margin: 25px auto 0;
}

.centre-report {
	margin: 80px auto;
	max-width: 1600px;
	text-align: center;
	width: 92%;
}
.centre-report p { margin: 35px auto 0; max-width: 60em; }
.centre-report-pages {
	align-items: start;
	display: flex;
	justify-content: center;
	position: relative;
}
.centre-report-pages > div {
	aspect-ratio: 2/3;
	background: #fff;
	border-radius: 16px;
	box-shadow: -16px 4px 24px rgba(0 0 0 / 10%);
	margin: 0 -4%;
	overflow: hidden;
	width: 14%;
}
.centre-report-pages > div:nth-child(4n + 1) { margin-top: 3em; }
.centre-report-pages > div:nth-child(4n + 2) { margin-top: 2em; }
.centre-report-pages > div:nth-child(4n + 3) { margin-top: 1em; }

.centre-report-pages > div img { object-fit: cover; object-position: top left; max-width: 100%; }

.centre-report .file {
	border: 1px solid #ddd;
    margin-top: 30px;
    padding: 20px 24px 20px 80px;
    font-weight: bold;
    background-size: 50px;
    background-position: 20px center;
}
.centre-report .file span { font-weight: normal; }

.centre-numbers {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 5%;
	margin: 80px 0;
	text-align: left;
}
.centre-numbers .number {
	background-color: #f5ebe3;
	border-radius: 32px;
	padding: 40px 35px;
	text-align: center;
}
.centre-numbers .number div { font-size: 64px; font-weight: 600; }
.centre-numbers .number p { font-size: 18px; font-weight: 500; line-height: 1; }

.forcentre-form { background-color: #0c3158; color: #fff; padding: 80px 0; margin: 80px 0 0; }
.forcentre-form h5 { margin: 0 auto 30px; max-width: 30em; }

#centre-request { margin: 0 auto; max-width: 24em; }
#centre-request label { color: #fff; text-align: center; }
#centre-request input[type=submit] { display: block; margin: 30px auto 0; width: 100%; }


#h-awards { text-align: center; }
#h-awards h3 { margin-bottom: .25em; }
#h-awards h3 + p {
	font-size: 21px;
	margin-bottom: 1.5em;
	text-align: center;
}
.awards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10%;
	margin-top: 40px;
	row-gap: 5em;
}
.awards img { margin: 0 auto; max-height: 100%; max-width: 100%; }
.awards .aw-logo {
	align-items: center;
	display: flex;
	height: 7em;
	margin-bottom: 1em;
}
.awards span { color: #777; font-size: 13px; }




@media screen and (max-width: 600px) {
	.container { width: 92%; }
	.flex { flex-wrap: wrap; }
	
	header { padding-top: 20px; }
	header .vk span { display: none; }
	header .logo { margin: 0; }
	header .logo img { width: 160px; }

	#centre-hero { margin-top: 25px; }
	#centre-hero h2 { font-size: 23px; }
	#centre-hero .btn {
		box-sizing: border-box;
		font-size: 17px;
		width: 100%;
	}

	.centre-report { margin: 60px auto; }
	.centre-report-pages { flex-wrap: wrap; margin-bottom: 75px; }
	.centre-report-pages > div {
		border-radius: 8px;
		margin: 0 -3% -50px;
		width: 20%;
	}
	.centre-report-pages > div:nth-child(4n + 1) { margin-top: 1em; }
	.centre-report-pages > div:nth-child(4n + 2) { margin-top: 0em; }
	.centre-report-pages > div:nth-child(4n + 3) { margin-top: 1em; }
	

	.centre-numbers { flex-direction: column; margin: 40px auto; text-align: center; width: 90%; }
	.centre-numbers .number { background: none; padding: 20px 0; }
	.centre-numbers .number div { font-size: 50px; }
	
	#number-sales div:first-child { order: 1; }
	#number-sales .number { order: 0; }

	.forcentre-form h5 { font-size: 20px; }

	#h-awards h3 + p { font-size: 14px; }
	.awards {
		grid-template-columns: repeat(4, 1fr);
		column-gap: 6%;
		row-gap: 2em;
		margin: 0 auto;
	}
	.awards span { font-size: 10px; }
}