table {
	background-color: darkgray;
}

th,
td {
	text-align: left;
	padding: 5px;
	background-color: white;
}

.bigBr {
	line-height: 200%;
}

#map {
	height: 100vh;
	width: 100%;
}

#parentContainer {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: white;
}

#connectionConatiner {
	border: 1px solid black;
	padding: 10px;
	margin: auto;
	width: 300px;
	text-align: center;
}

#mapContainer {
	height: 100%;
	width: 66%;
	float: left;
}

#guiContainer {
	height: 100%;
	width: 34%;
	float: right;
	box-sizing: border-box;
	padding: 20px;
}

#arCtrl {
	position: absolute;
	background-color: white;
	top: 90vh;
	height: 10vh;
	width: 98%;
	text-align: center;
	align-content: center;
}

#mp {
	overflow: auto;
	height: 350px;
}

@media only screen and (max-width: 500px) {

	#map {
		height: 50%;
		width: 99%;
		position: fixed;
	}

	#parentContainer {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background-color: white;
	}

	#mapContainer {
		height: 50%;
		width: 100%;
		float: unset;
	}

	#guiContainer {
		position: fixed;
		overflow: auto;
		top: 55%;
		height: 45%;
		box-sizing: border-box;
		padding: 20px;
		width: 100%;
		float: unset;
	}

	h1 {
		font-size: 20px;
	}

	body {
		font-size: 15px;
	}
}