@media (min-width: 1920px){
	.map_front{display: inline-flex;width: 100%;}
	.map_front .content{
		display: flex;
		flex-flow: column;
		margin-left: 98px;
		width: 375px;
		margin-right: -80px;
		z-index: 1;
	}
	.map_front .content p{
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: 22.842px;
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: 0.228px;
		margin-top: 160px;
		margin-bottom: 54px;
	}
	.map_front .content h2{
		font-family: DIN Pro;
		font-size: 29.61px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.296px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.map_front .content .one{
		color: #181818;
		width: 276px;
	}
	.map_front .content .two{
		color: #2577B7;
		width: 261px;
	}

	.map_front .content button{
		padding: 16px 36px;
		border-radius: 40px;
		background:  #181818;
		color: #FFF;
		text-align: center;
		font-family: DIN Pro;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.2px;
		text-transform: uppercase;
		margin-right: auto;
		border: 2px solid #181818;
		margin-top:13px;
		margin-bottom: 51px;
		transition: color .3s, background .3s;
		cursor: pointer;
	}
	.map_front .content button:hover{
		color: #181818;
		background: #FFFFFF;
	}
	.map_front>img{
		width: 1528px;
		height: 835px;
	}
	.mobile_map{
	display: none !important;
}
	
}
@media (min-width: 1024px) and (max-width: 1919px){
.map_front{display: inline-flex;width: 100%;}
	.map_front .content{
		display: flex;
		flex-flow: column;
		margin-left: calc(52.3px + (98 - 52.3) * ((100vw - 1024px) / (1920 - 1024)));
		width: calc(200px + (375 - 200) * ((100vw - 1024px) / (1920 - 1024)));
		margin-right: calc(-1 * calc(42.7px + (80 - 42.7) * ((100vw - 1024px) / (1920 - 1024))));
		z-index: 1;
	}
	.map_front .content p{
		color: var(--dark, #181818);
		font-family: DIN Pro;
		font-size: calc(12.2px + (22.842 - 12.2) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 300;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.228 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: calc(85.4px + (160 - 85.4) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: calc(28.8px + (54 - 28.8) * ((100vw - 1024px) / (1920 - 1024)));
	}
	.map_front .content h2{
		font-family: DIN Pro;
		font-size: calc(15.8px + (29.61 - 15.8) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.296 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.map_front .content .one{
		color: #181818;
		width: calc(147.2px + (276 - 147.2) * ((100vw - 1024px) / (1920 - 1024)));
	}
	.map_front .content .two{
		color: #2577B7;
		width: calc(139.2px + (261 - 139.2) * ((100vw - 1024px) / (1920 - 1024)));
	}

	.map_front .content button{
		padding: calc(8.6px + (16 - 8.6) * ((100vw - 1024px) / (1920 - 1024))) calc(19.2px + (36 - 19.2) * ((100vw - 1024px) / (1920 - 1024)));
		border-radius: calc(21.4px + (40 - 21.4) * ((100vw - 1024px) / (1920 - 1024)));
		background:  #181818;
		color: #FFF;
		text-align: center;
		font-family: DIN Pro;
		font-size: calc(10.7px + (20 - 10.7) * ((100vw - 1024px) / (1920 - 1024)));
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(0.2px + (0.2 - 0.2) * ((100vw - 1024px) / (1920 - 1024)));
		text-transform: uppercase;
		margin-right: auto;
		border: calc(1.1px + (2 - 1.1) * ((100vw - 1024px) / (1920 - 1024))) solid #181818;
		margin-top:calc(7px + (13 - 7) * ((100vw - 1024px) / (1920 - 1024)));
		margin-bottom: calc(27.2px + (51 - 27.2) * ((100vw - 1024px) / (1920 - 1024)));
		transition: color .3s, background .3s;
		cursor: pointer;
	}
	.map_front .content button:hover{
		color: #181818;
		background: #FFFFFF;
	}
	.map_front>img{
		width: calc(815px + (1528 - 815) * ((100vw - 1024px) / (1920 - 1024)));
		height: calc(445.4px + (835 - 445.4) * ((100vw - 1024px) / (1920 - 1024)));
	}
.mobile_map{
	display: none !important;
}
	
}


@media (max-width: 1023px){
.desk_map{
	display: none !important;
}
.map_front{
	width: 100%;
	display: flex;
	flex-flow: column;
}

.map_front>div{
	width: 90%;
	display: flex;
	margin-top: calc(165.2px + (528 - 165.2) * ((100vw - 320px) / (1023 - 320)));
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: calc(6px + (19 - 6) * ((100vw - 320px) / (1023 - 320)));
	flex-flow: column;
}
.map_front>div>p:nth-child(1){
	color: var(--dark, #181818);
	font-family: 'DIN Pro';
	font-size: calc(22.6px + (72 - 22.6) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 300;
	line-height: 114%;
	letter-spacing: calc(0.1px + (0.27 - 0.1) * ((100vw - 320px) / (1023 - 320)));
	width: 100%;
	margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	text-align: right;
}
.map_front>div>p:nth-child(2):hover{
	color: var(--accent, #2577B7);
}
.map_front>div>p:nth-child(2) path, .map_front>div>p:nth-child(3) path{
	transition: stroke .3s;
}
.map_front>div>p:nth-child(2):hover path{
	stroke: #2577B7;
	color: var(--accent, #2577B7);
}
.map_front>div>p:nth-child(3):hover, .map_front>div>p:nth-child(3):hover path{
	color: var(--dark, #181818);
	stroke: #181818;
}
.map_front>div>p:nth-child(2){
	transition: color .3s;
	cursor: pointer;
	color: var(--dark, #181818);
	font-family: 'DIN Pro';
	font-size: calc(13.8px + (44 - 13.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	/* letter-spacing: 0.35px; */
	width: 100%;
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	text-align: right;
}
.map_front>div>p:nth-child(2) svg{
	stroke: #FFF;
	width: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
	height: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
}
.map_front>div>p:nth-child(3){
	transition: color .3s;
	cursor: pointer;
	color: var(--accent, #2577B7);
	font-family: 'DIN Pro';
	font-size: calc(13.8px + (44 - 13.8) * ((100vw - 320px) / (1023 - 320)));
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	/* letter-spacing: 0.35px; */
	width: auto;
	display: inline-flex;
	align-items: center;
	margin-top: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	text-align: right;
	margin-left: auto;
	margin-bottom: calc(25.1px + (80 - 25.1) * ((100vw - 320px) / (1023 - 320)));
}
.map_front>div>p:nth-child(3) svg{
	width: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
	height: calc(7.6px + (24 - 7.6) * ((100vw - 320px) / (1023 - 320)));
	object-fit: contain;
	margin-bottom: calc(2.2px + (7 - 2.2) * ((100vw - 320px) / (1023 - 320)));
	margin-left: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
	margin-top: auto;
	margin-bottom: calc(3.2px + (10 - 3.2) * ((100vw - 320px) / (1023 - 320)));
}
}