/* -------------------------table1 -----------------------------------*/
table#table1 
  {
    width: auto;
	height: auto;
    margin-left: auto; 
    margin-right: auto;
	font-family:sans-serif;
	text-align: center;
	border: 0px;
  }
  
  tr { 
	font-size: 20px; 
	}
	

@media only screen and (max-width: 1250px) {
tr { 
	font-size: 16px; 
	}
table#table1 {
    width: 60%; 
    margin-left:20%; 
    margin-right:20%;
  }
 
}

@media only screen and (max-width: 800px) {
tr { 
	font-size: 12px; 
	}
table#table1  {
    width: 98%; 
    margin-left:1%; 
    margin-right:1%;
  }
}

/* -------------------table2 -----------------------------------*/
table#table2 
  {
    width: 80%; 
    margin-left:10%; 
    margin-right: 10%;
	font-family:sans-serif;
	text-align: center;
	border: 0px;
  }
  
  tr { 
	font-size: 20px; 
	}
	

@media only screen and (max-width: 1250px) {
tr { 
	font-size: 16px; 
	}
table#table2 {
    width: auto; 
    margin-left:auto; 
    margin-right:auto;
  }
 
}

@media only screen and (max-width: 800px) {
tr { 
	font-size: 12px; 
	}
table#table2  {
    width: auto; 
    margin-left: auto; 
    margin-right: auto;
  }
}

/* ------------------------table3 -----------------------------------*/

table#table3 
  {
    width: auto; 
    margin-left: auto; 
    margin-right: auto;
	font-family:sans-serif;
	text-align: center;
	border: 0px;
  }
  
  tr { 
	font-size: 20px; 
	}
	

@media only screen and (max-width: 1250px) {
tr { 
	font-size: 16px; 
	}
table#table3 {
    width: auto; 
    margin-left:auto; 
    margin-right:auto;
  }

}

@media only screen and (max-width: 800px) {
	
tr { 
	font-size: 12px; 
	}
table#table3  {
	
    width: auto; 
    margin-left: auto; 
    margin-right: auto;
  }

}