.tableofcontents{display: flex;
	flex-wrap: wrap;
	width: 95%; margin: 2.5%;
	background-color: rgb(24, 1, 52);
	border: 1px solid rgb(255, 215, 0); border-radius: 5%;
	padding: 10px;
	overflow: hidden;
	color: rgb(248, 248, 255);
}
.tableofcontents a{text-decoration: none; color: rgb(248, 248, 255);}
.tableofcontents h1{text-align: center; width: 100%;}

.column1{display: flex;
	width: 23%; padding-left: 25px;
	flex-wrap: wrap;
	text-align: left;
}
.column1 a{width: 100%;} 
.column2{display: flex;
	width: 23%;
	flex-wrap: wrap;
	text-align: left;
}
.column2 a{width: 100%;} 
.column3{display: flex;
	width: 23%;
	flex-wrap: wrap;
	text-align: left;
}
.column3 a{width: 100%;} 
.column4{display: flex;
	width: 23%;
	flex-wrap: wrap;
	text-align: left;
}
.column4 a{width: 100%;} 

.chapterheading{text-transform: uppercase; font-weight: bold; padding-top: 2px; padding-bottom: 2px;}
.chaptersubheading1{padding-inline-start: 2ch;}
.chaptersubheading2{padding-inline-start: 5ch;}

.credits{width: 95%; 
	background-color: rgb(24, 1, 52);
	color: rgb(248, 248, 255);
	border: 1px solid rgb(255, 215, 0); border-radius: 5%;
	padding: 10px; margin: 2.5%;
	overflow: hidden;
	text-align: left;
}
.credits h1{text-align: center; width: 100%;}
.credits p{padding-left: 25px; padding-right: 25px;}
.disclaimer{width: 95%; 
	background-color: rgb(128, 96, 167);
	border: 1px solid rgb(255, 215, 0); border-radius: 5%;
	padding: 10px; margin: 2.5%;
	overflow: hidden;
	text-align: center; color: rgb(248, 248, 255);
}
.disclaimer a{color: rgb(248, 248, 255);}

/**Responseive Text Start**/
@media screen and (min-width: 1301px) {
	#tablemain{display: flex;}
	#tablesmall3{display: none;}
	#tablesmall2{display: none;}
	#tablesmall1{display: none;}
	.column1{width: 25%;}
	.column2{width: 25%;}
	.column3{width: 25%;}
	.column4{width: 25%;}
}
@media screen and (min-width: 1041px) and (max-width: 1300px) {
	#tablemain{display: none;}
	#tablesmall3{display: flex;}
	#tablesmall2{display: none;}
	#tablesmall1{display: none;}
	.column1{width: 33%;}
	.column2{width: 33%;}
	.column3{width: 33%;}
}
@media screen and (min-width: 691px) and (max-width: 1040px) {
	#tablemain{display: none;}
	#tablesmall3{display: none;}
	#tablesmall2{display: flex;}
	#tablesmall1{display: none;}
	.column1{width: 50%;}
	.column1 a{font-size: 1rem}
	.column2{width: 50%;}
	.column2 a{font-size: 1rem}
}
@media screen and (max-width: 690px) {
	#tablemain{display: none;}
	#tablesmall3{display: none;}
	#tablesmall2{display: none;}
	#tablesmall1{display: flex;}
	.column1{width: 100%; padding-right: 25px; 
		text-align: center; 
	}
	.chapterheading{padding-top: 10px; padding-bottom: 5px; font-size: 1rem}
	.chaptersubheading1{padding-inline-start: 0; padding-top: 3px; padding-bottom: 3px; font-size: 1rem}
	.chaptersubheading2{padding-inline-start: 0; padding-top: 1px; padding-bottom: 1px; font-size: 0.8rem;}
}
/**Responseive Text end**/