.carousel-control {top: 22%;}
a.carousel-control {height: 200px;}
.carousel-control .glyphicon-left-arrow {margin-left: -55px;}
.carousel-control .glyphicon-right-arrow {margin-right: -55px;}
.carousel-inner {height: 375px;}
.carousel-indicators {bottom: 10px;}

.headline_container {width: 275px;
	position: relative;
	top: -375px;
	color: white;}
.headline_sm {display: none;}
.left_align {float: left;
	margin: 50px 0 0 50px}
.right_align {float: right;
	margin: 50px 50px 0 0;}
.title {text-transform: uppercase;
	font-size: 20px;}
.readmore a, .watchvideo a {color: white;}
.readmore a:hover, .watchvideo a:hover {color: #FDD726;}
.watchvideo {margin-top: -10px;}
.watchvideo .glyphicon {top: 3px; font-size: 18px;}

#main {margin-left: -15px;}
	
#main h2, #main h3, #main h4 {color: #c00;}
#main h2 {margin-bottom: 0;}





#future_menu {float: right;}

#stories {margin-bottom: 25px;}

.more_stories {width: 100%;
	padding: 20px 0 20px 10px;
	background-color: #900;
	text-align: left;
	border: none;
	margin-bottom: 10px;}
button h2 {font-size: 26px;
	margin: 0;}
.more_stories a {color: white;}
.more_stories a:hover {color: #ccc;}

.whycsc, .whyncsu {width: 100%;
	padding: 20px 0 20px 10px;
	background-color: #FDD726;
	text-align: left;
	border: none;
	margin-bottom: 10px;}


#stories .dropdown button {background-color: #900;
	border: none;
	color: white;
	text-align: left;
	font-size: 18px;
	width: 100%;}
#stories .dropdown button:hover {background-color: #ccc;
	color: black;}
#stories .btn-primary:hover, #stories .btn-primary:focus, #stories .btn-primary:active, #stories .btn-primary.active, #stories .open .dropdown-toggle.btn-primary {
	background-color: #ccc;
	color: black;}
#stories .dropdown-menu {background-color: #ccc;}
#stories .dropdown .glyphicon {font-size: 16px; top: 3px;}

#fut_stud_links {background-color: #427E93;
	padding: 20px 15px 10px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 16px;}
#fut_stud_links a {color: white;}
#fut_stud_links a:hover {color: #ccc;}

#dates_events {background-color: #6F7D1C;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #f2f2f2;}
#dates_events h4 {font-size: 16px;
	margin: 0;}
#dates_events h6 {margin: 5px 0 10px;}
#dates_events h4 a {color: white;}
#dates_events h4 a:hover {color: #ccc;}
.date_title {padding-bottom: 50px; border-bottom: solid 1px #f2f2f2;}
.date_title h3, .date_title h5 {display: inline;}
.date_title h3 {float: left;}
.date_title h5 {float: right;
	margin-top: 30px;}
.date_title h5 a {color: #f2f2f2;}

#faculty_experts {background-color: #6F7D1C;
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: white;}
#faculty_experts h3 {border-bottom: solid 1px white; padding-bottom: 5px;}
#faculty_experts a {color: #f2f2f2;}
#faculty_experts a:hover {color: #ccc;}
#faculty_experts ul li:before {content: "-"; color: #f2f2f2;}

#section_links {background-color: #f2f2f2; margin-bottom: 10px;}
#section_links ul li:before {content: "";}

#future_menu_xs_top {display: none;}


@media (max-width: 1200px) {
	/*.carousel-inner {height: 375px;}
	.carousel-control {top: 18%;}*/
	.carousel-inner {height: 400px;}
	.carousel-control .glyphicon-left-arrow {margin-left: -65px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -65px;}
	.carousel-indicators {bottom: 0;}
	.headline_container {top: -450px;}
	
	#main {top: 0;}
	
	
	#future_menu {margin-right: -15px; margin-top: 20px;}
	#stories .dropdown-menu li a {padding: 3px 10px;}
	.whycsc a {font-size: 21px; font-weight: 500;}
	#fut_stud_links {height: 300px;}
	.hide_me {display: none;}
	#section_links {position: inherit;}
	#featured img {width: 100%;}
}

@media (max-width: 991px) {
	.carousel-inner {height: 375px;}
	.carousel-inner img {width: 100%;}	
	.carousel-control .glyphicon-left-arrow {margin-left: -45px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -45px;}
	.carousel-indicators {bottom: 10px;}
	.headline_container {top: -375px;}
	
	
	
	#future_menu {display: none;}
	#future_menu_sm_top {margin-top: 10px;}
	#stories {margin: 0;}
	.more_stories {margin-left: -30px; width: 325px; padding: 5px 10px;}
	.more_stories a {font-size: 24px;}
	#stories .dropdown h2 {font-size: 22px;}
	#stories .dropdown button {margin-left: 20px; width: 325px; padding: 8px;}
	#stories .dropdown-menu {margin-left: 20px;}
	.whycsc a {font-size: 24px;}
	.whycsc {margin-left: -45px; width: 325px;}
	.whyncsu {margin-left: 20px; width: 325px;}
	.hide_me {display: initial;}
}

@media (max-width: 767px) {
	.carousel-control {top: 10%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -50px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -50px;}
	.carousel-indicators {bottom: 20px;}
	
	#main, #main h2 {clear: both;}
	
	#future_menu_sm_top {display: none;}
	#future_menu_xs_top {display: block; margin: 10px -15px;}
	#future_menu_xs_top button h2 {padding: 5px 10px;}
	#stories_xs button {background-color: #900; color: white; width: 100%; border: none;}
	#stories_xs .glyphicon {font-size: 20px; top: 5px;}
	.more_stories_xs {margin-bottom: 10px;}
	.more_stories_xs a {color: white;}
	.more_stories_xs a:hover {color: #ccc;}
	.whycsc_xs {background-color: #FDD726; color: white; width: 100%; border: none; margin: 10px 0;}
	.whyncsu_xs {background-color: #FDD726; color: white; width: 100%; border: none; margin-bottom: 10px;}
	
	#stories_xs .dropdown button:hover {background-color: #ccc;
		color: black;}
	#stories_xs .btn-primary:hover, #stories_xs .btn-primary:focus, #stories_xs .btn-primary:active, #stories_xs .btn-primary.active, #stories_xs .open .dropdown-toggle.btn-primary {
		background-color: #ccc;
		color: black;}
	#stories_xs .dropdown-menu {background-color: #ccc;}
	#stories_xs .dropdown .glyphicon {font-size: 16px; top: 3px;}
	#stories_xs .dropdown-menu li a {padding: 3px 10px;}
}

@media (max-width: 700px) {
	.carousel-inner {height: 300px;}
	.carousel-indicators {display: none;}
	.headline_container {display:none;}
	.headline_sm {display: block;
		width: 250px;
		position: relative;
		top: -300px;}
	.headline_sm .title {text-transform: uppercase;
		font-size: 24px;
		font-weight: bold;
		color: white;}
	.right_align {margin-right: 20px;}
}

@media (max-width: 600px) {
	.carousel-inner {height: 250px;}
	.carousel-control {top: 6%;}
	.carousel-control .glyphicon-left-arrow {margin-left: -40px;}
	.carousel-control .glyphicon-right-arrow {margin-right: -50px;}
	.left_align {margin-left: 30px;}
	
	.slogan {width: 90%;}
	p iframe {width: 90%;}
}

@media (max-width: 525px) {
	.headline_sm {top: -250px;}
	.headline_sm .title {font-size: 18px;}
	.readmore, .watchvideo {font-size: 14px;}
	.right_align {width: 200px;}
}

@media (max-width: 500px) {
	#future_menu_xs_top button h2 {font-size: 18px;}
}

@media (max-width: 450px) {
	.headline_sm {top: -225px;}
	.carousel-inner {height: 200px;}
	.right_align {margin-right: 10px;}
	.left_align {margin-left: 10px; width: 200px;}
}

@media (max-width: 365px) {
	.carousel-inner {height: 165px;}
	.headline_sm {top: -200px;width: 175px;}
	.right_align {margin-right: 5px;}
	.left_align {margin-top: 40px;}
	.headline_sm .title {font-size: 14px;}
	.readmore, .watchvideo {font-size: 11px;font-weight: normal;}
	#stories_xs .dropdown-menu {width: 300px;}
}