body {
	background-color: #FFF;
	font-family: Abel;
}
 h3 , h4, h5 {
	 font-size: 22px;
	 padding: 10px;
	 padding-left: 2%;
	 margin: 0px;
	 color: #333;
 }
/* space were nav and table go */
#tablewrapper1 {
 width:40%;
 height: 1080px;
 background-color: #EEE;
 display: block;
 margin-left:5%;
 float: left;
 margin-top: 2%;
 margin-bottom:5%;
 padding:0px;
 position: static;
}
#tablewrapper {
 width:40%;
 height: 480px;
 background-color: #EEE;
 display: block;
 margin-right:5%;
 float: right;
 margin-top: 2%;
 position: static;
 padding:0px;
}
#tablewrapper2 {
 width:40%;
 height: 550px;
 background-color: #EEE;
 display: block;
 position: static;
 margin-right:5%;
 float:right;
 clear: right;
 margin-top: 2.2%;
 margin-bottom:5%;
 padding:0px;
}
table
{
width:85%;
margin-top: 0%;
margin-bottom:7.5%;
margin-left: 7.5%;
margin-right:7.5%;
padding: 0px;
border-collapse: collapse;
background-color: white;
}
td, th
{
  padding-left: 15px;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid black;
}
td {
height: 50px;	
}
th {
	height: 20px;
}
/*phones*/
	@media(max-width: 991px)
	{ 
	#tablewrapper, #tablewrapper1, #tablewrapper2 {
float: center;
 width:90%;
 height: calc(100vh - 50px);
 margin: auto;
 margin-bottom: 15px;

}

}