/* ************************************* */
/*                                       */
/* Component Google Map                  */
/*                                       */
/* ************************************* */

.container.map {
	display: flex;
	flex-wrap: wrap;
}

.container.map .map_detail {
	flex-basis: 50%;
	width:50%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#303a49;
}

.container.map .map_canvas {
	flex-basis: 50%;
	width:50%;
}

/* < 720px < 720px < 720px < 720px < 720px < 720px */
@media screen and (max-width: 720px) {

	.container.map .map_detail,
	.container.map .map_canvas {
		flex-basis: 100%;
		width:100%;
		height:400px;
	}
	
	.container.map .map_detail {
		order: 2;
	}
	
	.container.map .map_canvas {
		order: 1;
	}

}

#map_canvas {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}