@media only screen and (max-width: 500px) {
	body,.meta,.text-ch,.text-ar{
		font-size:0.86em;
	}
	.text-ch {
		width:70%;
	}
}
@media only screen and (min-width: 500px) and (max-width: 1000px) {
	body,.meta,.text-ch,.text-ar{
		font-size:1.2em;
	}
	.text-ch {
		width:60%;
	}
}
@media only screen and (min-width: 1000px) and (max-width: 2000px) {
	body,.meta,.text-ch,.text-ar{
		font-size:1.4em;
			
		margin-left:15%;
		margin-right:15%;
	}
	.text-ch {
		width:50%;
	}
}
@media only screen and (min-width: 2000px) and (max-width: 2500px) {
	body,.meta,.text-ch,.text-ar{
		
		font-size:1.6em;
		
		margin-left:15%;
		margin-right:15%;
	}
	.text-ch {
		width:50%;
	}
}
@media only screen and (min-width: 2500px) and (max-width: 3000px) {
	body,.meta,.text-ch,.text-ar{
		font-size:1.8em;
		
		margin-left:15%;
		margin-right:15%;
	}
	.text-ch {
		width:50%;
	}
}

	.index-links {
		
		text-align:center;
	}
	
	.index-links > a {
		color:gray;
	  position: relative;
	  display: inline-block;
	  text-decoration: none;
	}

	.index-links > a::after,
	.index-links > a::before {
	  position: absolute;
	  left: 0;
	  content: '';
	  width: 100%;
	  height: 1px;
	  background-color: green;
	  opacity: 0;
	  transition: .3s;
	}

	.index-links > a:hover::before {
	  top: 0;
	  opacity: 1;
	}

	.index-links > a:hover::after {
	  bottom: 0;
	  opacity: 1;
	}

	.index-links > a:hover {
	  color: green;
	}
	
	.index-links p {
		margin-top:0px;
		margin-bottom:0px;
	}
	
	body {
		font-family: Calibri;
	}

	table {
		width: 100%;
	}
	
	.meta {
	    background-color: #d7d7d7;
		border-bottom:1px solid gray;
	}
	
	.text-ar {
	 
	}
	
	.footnotes{
		margin-top: 50px;
		font-size:0.7em;
	}
	
	a {
		text-decoration:none;
	}
	a sup{
	  text-decoration:none;
	}