body {
	margin: 0px auto;
	background-color: #000;
	background-image: url(./img/parkingLot.jpeg);
	background-position: center;
	background-size: cover; 
	background-repeat: no-repeat;
}

header {
	height: 150px;
	background-color: #000;
}

#svgContent {
	display: block;
	padding: 20px;
	height: 372px;
	margin: 0 auto;
}

#box {
	display: block;
	width: 50%;
	margin: 0 auto;
}

#svg path {
	stroke: #fff;
}

path:hover {
	opacity: 0.8;
}

rect:hover {
	opacity: 0.8;
}

.axis {
	font: 14px sans-serif;
}

.logoText {
	font-family: sans-serif;
	font-weight: 600;
}
svg {
	padding-left: 30px;
}

.legend{
	padding-left: 30px;
}

.legend tr {
	border-bottom: 1px solid grey;
	background-color: rgba(78, 75, 75, 0.5);
}

.legend tr:first-child {
	border-top: 1px solid grey;
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.x.axis path {
	display: none;
}

.legend {
	margin-bottom: 76px;
	display: inline-block;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 26px;
	font-family: futura;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 2px 2px #000;
}

.legend td {
	padding: 4px 5px;
	vertical-align: bottom;

}

.legend svg{
	padding-left: 4px;
}

.legendInst,
.legendPerc {
	text-align: right;
	width: 50px;
}