body {
	margin: 0;
	font-family: sans-serif;
}

.myApp {
	width: 100%;
	height: 100%;
	display: flex;
}


.searchForPlace {
	display: flex;
	
}

.searchBox {
	height: 25;
	flex-grow: 1;
	font-size: 1em;
	padding: 5px 20px;
}
.locationsList {
	position: absolute;
	order: 1;
	flex-grow: 1;
	background-color: #1111;
	height: 50%;
	
	
}
.map {
	order: 2;
	flex-grow: 4;
	background-color: #ffff;
	text-align: center;
	height: 900px;
	width: 100%;
	
}
.res {
	padding: 0;
	margin: 0;
}
.place {
	margin: 10px;
	padding: 10px;
	background-color: #97d8e5;
}


/* media query*/
@media only screen and (max-width: 500px) {
	
.myApp {
	flex-direction: column;
	
}	

.searchBox {
	font-size: 2em;
}
}