h1{
	margin-left:7.5%;
	margin-top:2.25rem;
}
#container{
	/*height:750px;*/
	display:flex;
	align-items: stretch;
	margin-top:1rem;
	height:500px;
	color:var(--dark-green);
	width:85%;
	margin:0 auto;
}
#map{
	width:80%;
	background-color:#90B29C;
	border:3px solid var(--dark-green);
	background-color:white;
	padding:2rem 5rem; /*TRouBLe*/
	text-transform:uppercase;
}
#map header{
	margin-bottom:2.5rem;
	display:flex;
	justify-content:space-between;
}
#map h2{
	display:inline-block;
}
.legend{
	display:inline-block;
}
.legend #legend-conditional{
	margin-right:1.5rem;
}
.legend-block{
	margin-left:0.2rem;
}

#map svg{
	display:block;
	margin:0 auto;
	height:350px;
	width:auto;
}

/*Floor Selection*/
#floor-select{
	width:20%;
	margin-left:2rem;
	margin-bottom:0.1rem;
	display:flex;
	flex-direction: column;
	align-self:flex-end;
}
#floor-select h3{
	margin-bottom:0.6rem;
}
#floor-select a{
	margin:0;
	padding:0;
	display:block;
	border:2px solid var(--dark-green);
	text-align:center;
	padding:0.3rem;
	margin-bottom:0.6rem;
	text-transform:uppercase;
}
#floor-select a:last-of-type{
	margin-bottom:0;
}
#floor-select a.selected{
	background-color:var(--brown);
	color:var(--dark-green);
}

/*Styles for the SVG file*/
.sold{
	opacity:0.7;
	fill:#a91E23;
}
.conditional{
	opacity:0.8;
	fill:#fba924;
}