#tablewrapper {
 width:20%;
 height: 700px;
 background-color: #152B40;
 display: block;
float: left;
margin: 3%;
margin-top: 5%;
 overflow-y: auto;
}

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

#mapholder {
 width:30%;
 height: 700px;
 display: block;
 float: left;
 margin: 3%;
  margin-top: 5%;
}

#directions-panel{
 width:30%;
height: 700px;
 background-color:#152B40;
 display: block;
 float: left;
 margin: 3%;
 margin-top: 5%;
 padding: 5px;
 overflow-y: auto;
}

table
{
margin: auto;
margin-top: 5%;
margin-bottom:5%;
width:90%;
height:90%;
padding: 10px;
border-collapse: collapse;
background-color: white;
overflow-y: auto;
}
td, th
{
  padding-left: 15px;
  text-align: left;
  width: 15%;
  border-bottom: 1px solid black;
}
td {
height: 50px;	
}
th {
	height: 20px;
}
/*phones*/
	@media(max-width: 991px)
	{ 

	#tablewrapper {
		float: center;
 width:90%;
 height: calc(100vh - 50px);
 margin: auto;
 margin-bottom: 15px;
}
	#mapholder {
		float: center;
 width: 90%;
 height: calc(100vh - 50px);
 margin: auto;
  margin-bottom: 15px;
}

#directions-panel{
	float: center;
 width: 90%;
 height: calc(100vh - 50px);
 margin: auto;
  margin-bottom: 15px;
}


	}