main {
	gap: 0;
}

.logo {
	padding-top: 21px;
}
.logo svg {
	width: auto;
	height: 36px;
}

.plug {
	margin-top: 68px;
	padding-bottom: 34px;
}
.plug_row {
	display: grid;
	gap: 20px;
}
.plug_text {
	display: grid;
	align-content: start;
	gap: 15px;
	font-size: 20px;
}
.plug_text h1 {
	margin-bottom: 25px;
}
.plug_text_2 {
	display: grid;
	gap: 15px;
	color: var(--color-accent);
}
.map_stage {
	height: 384px;
}

@media (max-width: 767px) {
	.map_stage,
	.plug picture {
		aspect-ratio: 1;
		height: auto;
	}
}

@media (min-width: 1024px) {
	.logo {
		padding-top: 19px;
	}
	.logo svg {
		height: 56px;
	}
	.plug {
		margin-top: 125px;
		padding-bottom: 35px;
	}
	.plug_row {
		grid-template-columns: repeat(5, 1fr);
		gap: 25px 20px;
		height: calc(100vh - 200px - 35px);
	}
	.plug_text {
		grid-column: 1 / -1;
		grid-template-columns: repeat(5, 1fr);
	}
	.plug_text h1 {
		margin-top: -16px;
		margin-bottom: 24px;
	}
	.plug_text_1 {
		grid-column: 1 / 3;
	}
	.plug_text_2 {
		grid-column: 3 / 4;
	}
	.plug_text > p {
		grid-column: span 2;
		margin: 0;
	}
	.map {
		grid-column: 3 / -1;
	}
	.map_stage {
		height: 100%;
	}
	.plug picture {
		grid-row: 2 / 3;
		grid-column: 1 / 3;
	}
	.map_stage {}
	.map_marker {}
	.map_points {}
	.map_point {}
	.map_point_icon {}
}

@media (min-width: 1400px) and (max-width: 1599px) {
	.plug_text h1 {
		font-size: 25px;
	}
}