body {
	color: #5a5a5a;
}


/*FOR FOOTER*/
.footer {
	/*position: fixed;
	left: 0;
	bottom: 0;*/
	margin-top: 7em;
	width: 100%;
	background-color: #800000;
	color: white;
	padding: 1em;
}

.lead {
	color: #5a5a5a;
}

.header-text {
	font-size: 1.3em;
	margin-bottom: 10px;
}

.underlined-text {
	text-decoration-line: underline;
}

.row-content {
	display: flex;
	flex-direction: row !important;
	margin-bottom: 10px;
	width: 100%;
}

.left-aligned-content {
	display: flex;
	align-content: left;
}

.text-header {
	font-size: 1.1em;
	margin-bottom: 0;
	font-family: Arial;
	font-weight: 550 !important;
}

.footer-text {
	font-size: 0.9em;
	margin-bottom: 0;
	font-family: Arial;
}

.footer-content {
	display: flex;
}


/*DIV - COL - IMG*/
.col-50-content {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.div-col-25 {
	width: 25%;
	padding: 10px;
}

.div-col-30 {
	width: 30%;
	padding: 10px;
}

.div-col-50 {
	width: 50%;
	padding: 10px;
}

.div-col{
	flex: 1;
	padding: 10px;
}

.col-img-25 {
	width: 65%;
	height: 100%;
}

.paragraph-content {
	font-size: 1.7em;
	margin-bottom: 0px;
	text-align: center;
	font-family: Arial;
}

.centered-content {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*ts = Transparency Seal*/
ul {
	list-style-type: square;
	color: #5a5a5a !important;
}

.ts {
    text-align: left;
    width: 100%;
    list-style-type: upper-roman;
    padding-left: 0;
    color: #5a5a5a !important;
}

.ts-text {
	font-weight: normal;
	font-size: 1.1em;
	color: #5a5a5a !important;
}	

.ts-list-header {
    font-family: Arial;
    font-size: 1.3em;
    font-weight: bold;
}

.ts-list-content {
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 1em;
}

.ts-links {
	color: #5a5a5a !important;
	text-decoration: underline;
}

/* College Officials */
.header-text {
	font-family: Arial;
    font-size: 1.6em;
    font-weight: bold;
}

.official-container {
	display: flex;
	width: 100%;
	margin-bottom: 1.5em;
}

.official-name {
	font-family: Verdana;
    font-size: 1.3em;
    font-weight: bolder;
    margin-bottom: 0;
    text-align: center;
}

.official-position {
	font-family: Verdana;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
}

.official-contact {
	font-family: Verdana;
    font-size: 0.9em;
	font-style: italic;
	color: #800000;
	margin-bottom: 0;
	text-decoration: underline;
	text-align: center;
}

.bot-position {
	font-family: Verdana;
    font-size: 1.1em;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    font-style: italic;
    color: #800000;
}

.pc-year {
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 2.5em;
}

.pc-text {
	font-family: Arial !important;
	font-size: 1.2em;
	margin-bottom: 7px;
}

.pc-ul {

}

.stacked-content {
	flex-direction: column !important;
}

@media only screen and (max-width: 768px) {
	.footer-content {
		flex-direction: column;
	}

	.pc-year {
		font-size: 1.6em;
	}
	.pc-text {
		font-size: 0.7em;
	}

	.pc-ul {
		padding-left: 21px !important;
	}

	/*.footer {
		position: fixed;
		left: 0;
		bottom: 0;
		margin-top: 5em;
		width: 100%;
		background-color: #800000;
		color: white;
		padding: 1em;
	}*/

	.col-50-content {
		flex-direction: column;
	}

	.div-col-25 {
		width: 100%;
		padding: 5px;
	}

	.div-col-50 {
		width: 100%;
		padding: 5px;
	}

	.div-col{
		flex-grow: 1;
		padding: 5px;
	}

	.col-img-25 {
		width: 50%;
		height: 100%;
	}

	.paragraph-content {
    	font-size: 1em;
    }

    .header-text {
    	font-size: 1.2em;
    }

    .official-name {
    	font-size: 1em;
    }

    .official-position {
    	font-size: 0.7em;
    }

    .official-contact {
    	font-size: 0.7em;
    }

    .header-text {
    	font-size: 0.9em;
    }

}