.contacts {
	margin-top: 50px;
}
.contacts h1 {
	font-size: 40px;
	margin-bottom: 30px;
}
.contacts_row {
	display: grid;
	gap: 30px 20px;
}
.contacts_item {
	display: grid;
	gap: 15px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}
.contacts_city {
	font-size: 16px;
	font-weight: 400;
}
#contacts_map {
	height: 435px;
}
#contacts_map [class*="ymaps-2"][class*="-ground-pane"] {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
}

@media (max-width: 1023px) {
	.contacts_main > svg {
		display: none;
	}
}

@media (min-width: 1024px) {
	.contacts_row {
		grid-template-columns: 1fr 1fr;
	}
	.contacts_main {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.contacts_main > svg {
		position: absolute;
		top: 130px;
		right: -100px;
	}
}

@media (min-width: 1200px) {
	#contacts_map {
		height: 635px;
		max-height: calc(var(--jsh) - 50px - var(--header-height) - var(--bx-panel-height) - 20px);
	}
	.contacts_item {
		gap: 25px;
		font-size: 25px;
	}
}

@media (min-width: 1600px) {
	.contacts_main > svg {
		top: 50%;
		transform: translateY(-50%);
	}
	#contacts_map {
		height: 742px;
	}
	.contacts_item {
		gap: 25px;
		font-size: 25px;
	}
}