.container-map{
	display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .container-map .list-of-places::-webkit-scrollbar {
	width: 2em;
  }
  .container-map .list-of-places::-webkit-scrollbar-track {
	background-image: url("../images/suwak2.png");
	background-position: center center  ;
	background-size:  auto 100%;
	background-repeat: no-repeat;
  }
  .container-map .list-of-places::-webkit-scrollbar-thumb {
	height: 3em;
	width: 10em;
	background-image: url("../images/suwak.png");
	background-position: center center ;
	background-size: contain;
	background-repeat: no-repeat;
	outline: none;
  }
  .container-map__part{
	display: flex;
	margin-top: 3%;
    flex-direction: row;
    width: 100%;
    max-height: 100%;
    position: relative;
  }
  .container-map .ameba{
	position: absolute;
    z-index: -1;
    width: 100%;
    transform: translate(0%,-6%);
  }
  .container-map .map, #map {
	width: 40vw;
height: 40vw;
max-width: 711px;
max-height: 711px;
	}
        .container-map	#msg {
			font-size: 40px;
        }
        .container-map .map .ol-viewport{
			-webkit-border-radius: 50%;
			border-radius: 50%;
        }
		.container-map .map-part{
	width: 40%;
    margin-left: 5%;
    margin-right: 5%;
		}
		.container-map .title{
			margin: 0;
			margin-left: 10%;
			width: 34%;
			font-size: 3vw;
	color: #ff1433;
	font-family: "JosefinSans-Light";
		}
		.container-map .list-of-places{
			width: 90%;
			height: 50%;
			margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 5%;
    margin-right: 5%;
    overflow-y: scroll;
    font-family: "JosefinSans-Light";
		}
		.container-map .list-of-places .list-of-places-div{
			width: 50%;
				color: white;
				margin-bottom:3%;
		}
		.container-map .list-of-places .list-of-places-div .list-of-places-para{
			font-size: 1.4vw;
			font-family: "JosefinSans-Light";
			margin:0;
			margin-top: 0.5%;
		}
		.container-map .list-of-places .list-of-places-div .list-of-places-para-title{
			font-size: 1.8vw;
			font-family: "JosefinSans-Regular";
			margin:0;
			margin-top: 1%;
		}
		@media (max-width: 1000px) {
			.container-map__part{
				align-items: center;
		flex-direction: column;
			}
			.map-part{
				width: auto;
			}
		  }
		  @media (max-width: 1600px) {
			.container-map .list-of-places{
		height: 40%;
			}
		  }
		  @media (max-width: 1250px) {
			.container-map .list-of-places{
		height: 30%;
			}
		  }