body, html, .map {
            padding: 0;
            margin: 0;
            width: 100%;
            height: 100%;
}
body{
	background:#448097;
	position: fixed;

}
.imgcart{
	border-radius:350px;
	height:18%;
	width:10%;
	position:absolute;
	-webkit-box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
	box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
}
        #map {
			
            position: absolute;
			width: 70%;
			height: 80%;
			left: 15%;
			right: 10%;
			top: 13%;
			border: 4px solid #97a4f1;
			-webkit-box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
-moz-box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
box-shadow: 2px 9px 11px 10px rgba(0, 0, 0, 0.32);
        }
		#my-listbox {
            top: auto;
            left: auto;
			height:300px;
        }
		#my-listbox-header{
		display: flex;
		width:250px;
		height:80px;
		font-size:2em;
		background:#ff5959;
		justify-content: space-around;
		align-items:center;
		}
	.headtxt{
		display:flex;
		align-items: center;
		justify-content: center;
		margin:20px;
		padding-top:20px;
		font-family:Impact,sans-serif;
		font-size:45px;
		color:white;
		line-height:35px;
		text-align: center;
	}

@media (max-width: 980px){
	.headtxt{
		display:flex;
		align-items: center;
		justify-content: center;
		margin:20px;
		padding-top:20px;
		font-family:Impact,sans-serif;
		font-size:45px;
		color:white;
		line-height:50px;
		text-align:center;
	}
	#map {
			
            position: absolute;
			width: 70%;
			height: 80%;
			left: 15%;
			right: 10%;
			top: 14%;
			border: 4px solid #97a4f1;
        }
	
}