#angle-banner-container {
	position: relative;
	overflow: hidden;
	background-image: url('/apply/img/admission-criteria-top-banner.jpg');
	background-size: contain;
	background-position: right center;
	height:450px;
	background-repeat: no-repeat;
}
		.mobile-banner {
			display: none;
		}
#angle-banner-bg {
	width: 90%;
	height: 500px;
	position: absolute;
	top: 0;
	left: -47%;
	transform: skew(-13deg);
	background-color: #555960;
	z-index:5;
}
#angle-banner-text-container {
	width:40%;
	height:450px;
	display: flex;
	align-items: center;
	position: relative;
	z-index:6;
}

.angle-banner-text {
	display: flex;
	color: #fff;
	font-family: acumin-pro-extra-condensed, "Franklin Gothic",sans-serif;
	font-style: italic;
	font-size: 2.9em;
	line-height: 1;
	padding-left: 1em;
}
			.card.card-aged {
				border-radius: 0;
				border: none;
				background-color: #cfb991;
				color: #000;
				margin-bottom: 1em;
			}
			.card.card-aged * {
				border: none;
			}
			.card.card-aged .card-header {
				background-color: #8e6f3e;
			}
			.card.card-aged .card-header h2 {
				color: #fff;
				font-family: "United Sans Condensed",Impact,"Arial Black","sans serif"!important;
				font-weight: 500;
				text-transform: uppercase;
				line-height: 1;
				margin:0;
				font-size: 1.5em;
				letter-spacing: 1px;
			}
			.card.card-aged .card-body {
				font-size: 85%;
			}
			
		
		#fees-table {
			font-size: 110%;
		}
		#fees-table * {
			border: none;
		}
		#fees-table a {
			text-decoration: none;
		}
		#fees-table td,
		#fees-table th {
			padding: 1em!important;
			vertical-align: middle!important;
			font-weight: 500;
			text-align: center;
			line-height: 1.1;
		}
		#fees-table thead th {
			text-align: center;
			font-weight: 600;
		}
		#fees-table thead th,
		#fees-table tfoot td {
			background-color: #8e6f3e;
			color: #fff;
			
			
		}
		#fees-table thead th,
		#fees-table tfoot td,
		#fees-table tbody td {
			border-left: 5px solid #fff;
		}
		#fees-table thead th:first-child {
			background-color: #fff;
		}
		#fees-table tbody .rush td {
			background-color: #daaa00;
		}
		#fees-table tbody .dust td {
			background-color: #ebd99f;
		}
		#fees-table thead,
		#fees-table tfoot th {
			font-family: "United Sans",Impact,"Arial Black","sans serif";
			text-transform: uppercase;
		}
		#fees-table tfoot td {
			font-family: "United Sans Extended",Impact,"Arial Black","sans serif";
		}
		#fees-table tfoot th {
			color: #8e6f3e;
			font-weight: 700;
		}
		#fees-table tbody {
			border: 2px solid #8e6f3e;
		}
		#fees-table tbody th {
			text-align: right;
			text-transform: uppercase;
			font-family: "United Sans",Impact,"Arial Black","sans serif";
			background-color: #eee;
		}
		#fees-table tbody th[colspan="4"] {
			text-align: left;
			font-family: acumin-pro-condensed, "Franklin Gothic",sans-serif;
					font-style: italic;
			background-color: #fff;
			text-transform: none;
			font-weight: 600;
		}
		#fees-table tbody .stotal th,
		#fees-table tbody .stotal td {
			background-color: #555960;
			color: #fff;
		}
		#main.bottom-banner {
			background-image: url('/apply/img/freshman-criteria-bottom-banner2-1700.jpg');
			background-size: contain;
			background-position: center bottom;
			padding-bottom: 600px;
			background-repeat: no-repeat;
		}
		.note-dark {
			color: #000;
		}
		@media screen and (min-width: 1700px) {
			p.note.note-dark {
				background-color: rgba(255,255,255,0.5);
				padding: 2em;
			}
		}
		
		@media screen and (max-width: 1500px) {
			#main.bottom-banner {
				padding-bottom: 500px;
			}
		}
		@media screen and (max-width: 1400px) {
			#main.bottom-banner {
				background-image: url('/apply/img/freshman-criteria-bottom-banner2-1400.jpg');
			}
		}
		@media screen and (max-width: 1200px) {
			#angle-banner-bg {
				left: -53%;
			}
			#main.bottom-banner {
				padding-bottom: 300px;
			}
		}
		@media screen and (max-width: 1100px) {
			#main.bottom-banner {

				background-image: url('/apply/img/freshman-criteria-bottom-banner2-1100.jpg');
			}
		}
		@media screen and (max-width: 992px) {
			  #angle-banner-container {
				background-size: cover;
				background-position: center;
			}
			#angle-banner-bg {
				left: -48%;
			}
			.card.card-aged .card-body {
				font-size: 100%;
			}
		}
		@media screen and (max-width: 900px) {
			#main.bottom-banner {
				padding-bottom: 250px;
			}
		}
		@media screen and (max-width: 800px) {
			#main.bottom-banner {
				background-image: url('/apply/img/freshman-criteria-bottom-banner2-800.jpg');
			}
		}
		@media screen and (max-width: 768px) {
			#angle-banner-container + hr.spacer.small {
				margin: .5em 0;
			}
			#angle-banner-bg {
				display: none;
			}
			#angle-banner-container {
				background-image: none;
				height:auto;
				
			}
			.mobile-banner {
				display: block;
			}
			#angle-banner-text-container {
				width:100%;
				height:auto;
				display: block;
				background-color: #555960;
				padding-bottom: .5em;
			}

			.angle-banner-text {
				display: block;
				margin: 0;
				padding: 20px;
			}
			#fees-table {
				font-size: 90%;
			}
			#fees-table td,
			#fees-table th {
				padding: .5em!important;
			}

		}
		@media screen and (max-width: 500px) {
			#main.bottom-banner {
				padding-bottom: 200px;
			}
		}
		@media screen and (max-width: 400px) {
			#main.bottom-banner {
				background-image: url('/apply/img/freshman-criteria-bottom-banner2-400.jpg');
				padding-bottom: 150px;
			}
		}