/*Navigation*/
.Horizontal-row{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: left;
	width: 100%;
	height: 40px;
	text-align: center;
	border-block: 2px solid red;
	margin: 0;
}
.link-container{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.link-container a{
	font-size: 24px;
	margin: 25px;
	color: black;
}
/*Basic Page Body*/
.Section1{
	border-bottom: 1px solid red;
}
.SectionU1{
	display: flex;
	justify-content: center;
	width: 100%;
}
.IntroductionL1 p{
	font-size: 20px;
	font-weight: bold;
	align-content: center;
	padding: 0 8px;	
}
.IntroductionL2 p{
	font-size: 18px;
	border: 1px solid black;
	padding: 4px;
}
.SectionHead p{
	font-size: 18px;
	font-weight: bold;
	padding: 0 25px;
}
.SectionL1 p{
	text-indent: 25px;
	font-size: 18px;
	padding: 0 25px;
}
.Section2{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-bottom: 1px solid red;
}
.Purpose p{
	text-indent: 25px;
	font-size: 18px;
	margin: 0 25px 25px;
}
.Section3{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	border-bottom: 1px solid red;
}
.Mission1 p{
	text-indent: 25px;
	font-size: 18px;
	margin: 0 25px 25px;
}
.Mission2 p{
	font-size: 18px;
	margin: 0 25px 25px;
}
.SectionTail p{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 8px;	
}
.Section4{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
}
.grid{
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	justify-content: center;
	margin: 0 25px 25px;
}
.cell{
	font-size: 18px;
	border: 1px solid red;
	text-align: center;
	padding: 4px;
}
@media (max-width: 1147px) {
}
@media (max-width: 840px) {
	.link-container a{
		display: none;
	}
}
@media (max-width: 420px) {
}