.jumbo {padding: 0 15px;}


.carousel-inner img {width: 100%;}
	
.carousel-control {text-shadow: none;
	opacity: 1;
	top: 35%;
	bottom: 170px;
	padding: 50px 0;
	margin: 0;}
.carousel-control:hover {opacity: 1;}
.carousel-control.left {left: 0;}
.carousel-control.right {right: 0;}
.carousel-control .glyphicon-left-arrow {margin-left: -60px;}
.carousel-control .glyphicon-right-arrow {margin-right: -60px;}
.carousel-indicators {bottom: 0;}







.headline_container h4 {color:white;
	font-size:20px;
	font-family:"GlyphaLight";
	font-weight: bold;}
	
.headline_container {background-color: #c00;
	padding: 10px 20px;
	width: 500px;
	position: absolute;
	bottom: 50px;
	right: 40px;}
.sm_headline {display: none;}
.header {margin-top: 10px;}
.readmore {float: left;
	padding: 5px 0;
	font-size: 12px;
	font-family: "UniversCondensed";
	color: white;}





#grad_content {margin: 30px 0 0 0;
	padding: 0;
	font-size: 16px;}

#main {/*background-color: #f2f2f2;*/
	padding: 0 25px 0 0;}
#main p {line-height: 200%;
	font-size: 16px;}
#main a {text-decoration: none;}
.cont {clear:both;}
.subtitle {margin: 0 0 20px;
	font-size:33px;}
	
	
#menu {padding: 0 0 0 20px; margin: 0;}


.students {background-color: #900;
	width: 100%;
	border: 0;
	margin-bottom: 20px;
	padding: 0 0 10px 20px;
	text-align: left;}
.students a {color: white;}
.students a:hover {color: #ccc;}
	
.menu_header {color: white;
	padding: 0 0 0 15px;}

.lists {margin: 10px 0 0 20px;
	padding-bottom: 20px;}
.lists li a {color: white;}
.lists li a:hover {color: #ccc;}
.lists li:before {content: "-";
	color: white;}
	
#degrees {background-color: #427E93;
	margin: 0 0 20px;}
#certificate {background-color: #6F7D1C;
	margin: 0;}
#general_info {background-color: #4156A1;
	margin: 20px 0 0;}
#future, #current {background-color: #f2f2f2;
	margin: -20px 0 20px;
	padding-top: 10px;}
#future2, #current2 {background-color: #f2f2f2;
	margin: 80px 0 20px;
	padding: 10px;
	display: none;}
	
#future2 table, #current2 table {width: 100%;
	border: none}
#future2 td, #current2 td {width: 50%;
	padding-bottom: 5px;}
.t_left {padding-left: 10px;}
.t_right {padding-left: 35px;}


@media (max-width: 1200px) {
	.carousel-indicators {margin-bottom: 5px;}
	
	.headline_container {bottom: 40px;}
	
	.students h2 {font-size: 26px;}

	#main p {line-height: 185%;}
}

@media (max-width: 991px) {
	.carousel-control {top: 30%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -40px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.headline_container {width: 300px;
		right: 20px;
		padding: 0 15px;}
	.headline_container h4 {font-size: 16px;
		margin-bottom: 0;}
		
	#main {margin-bottom: 20px;}
	#main p {font-size: 16px;}
		
	
	#menu {padding: 0;}
	
	.students {width: 48%;}
	.students h2 {font-size: 30px;}
	.future {float: left;}
	.current {float: right;}
	
	#degrees {width: 48%;
		margin: 0;}
	#certificate {width: 48%;
		margin: 0 -10px 20px 30px;}
	#general_info {width: 48%;
		margin: 0;
		float: right;}
	#future2, #current2 {display: block;}
}



/*collapse navbar*/
@media (max-width: 768px) {
	.carousel-control {top: 25%;}
	
	.jumbo {padding: 0;}
	.headline_container {padding: 0 15px;
		right: 20px;}
	.headline h4 {font-size: 16px;}
	
	#future, #current {display: none;}
	
}

@media (max-width: 700px) {
	.carousel-indicators {display: none;}

	.headline_container {bottom: 20px;}
	#newsitem {height: 110px;}
	
	.students {width: 100%;}
	.students h2 {font-size: 30px;}
	.future {float: inherit;}
	.current {float: inherit;}
	
	#degrees {width: 100%;
		margin-bottom: 20px;}
	#certificate {width: 100%;
		margin: 0 0 20px 0;}
	#general_info {width: 100%;
		float: clear;}
	#future, #current {width: 100%;
		display: block;}
	#future2, #current2 {display: none;}
}


	
	
	
@media (max-width: 600px) {
	.carousel-control {top: 20%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -30px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -40px;}
	
	.sm_headline {display: block;
		background-color: #c00;
		width: 300px;
		position: absolute;
		bottom: 10px;
		right: 10px;
		padding: 8px 8px 2px;
		color: white;
		font-size: 12px;
		margin: 0;}
	.sm_headline a {color: white;}
	.headline_container {display: none;}
	
}


@media (max-width: 480px) {
	.carousel-control .glyphicon {display: none;}

	.sm_headline {width: 60%;
		bottom: 0;
		right: 0;
		padding-top: 6px;
		padding-bottom: 1px}
	.headline h4 {font-size: 16px;
		margin-bottom: 0;}
	
}


@media (max-width: 330px) {
	.students h2 {font-size: 26px;}
}