html {
	height: 100%;
}
body {
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-family: bahnschrift, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #000000;
}
#bottomdiv {
	/* background-color: #000000; */
	height: 15%;
	width: 100%;
	z-index: 10;
	position: absolute;
	bottom: 0;
}
#menu {
	display: flex;
	height: 100%;
	border: none;
	top: 50%;
	float: left;
}
table {
	display: none;
}
#current-pano-container {
	/* background-color: yellow; */
	width: auto;
	display: grid;
	margin: 5px;
}

.menu-content {
	border: 0;
	outline: none;
}
#current-pano {
	background-color: #ffffff;
	height: calc(100% - 40px);
	/* margin: 30px; */
	border-radius: 5px;
	display: flex;
	align-self: center;
}
#location-icon {
	padding: 5px;
	display: grid;
	width: auto;
}
#myicon {
	align-self: center;
}
#title-text {
	width: auto;
	padding-right: 10px;
	display: grid;
	white-space: nowrap;
}
#upperline {
	align-self: center;
}
p {
	margin: 0;
	padding: 0;
}

#casareinalogo {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 5px;
	width: 10%;
	z-index: 500;
	background-color: #ffffffb0;
	border-radius: 5px;
	background-repeat: no-repeat;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	/* Styles */
	#casareinalogo {
		width: 30%;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* Styles */
	#casareinalogo {
		width: 30%;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	/* Styles */
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 15%;
		bottom: 0;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	/* Styles */
	#casareinalogo {
		width: 30%;
	}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 30%;
		bottom: 0;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 30%;
	}
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 15%;
		bottom: 0;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	#casareinalogo {
		width: 30%;
	}
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 15%;
		bottom: 0;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
	#casareinalogo {
		width: 30%;
	}
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */
	#current-pano {
		height: 100%;
	}
	#casareinalogo {
		width: 15%;
		bottom: 0;
	}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
	/* Styles */

	#casareinalogo {
		width: 30%;
	}
}