/*slides*/
@media screen and (max-width: 500px) {
	section.slide {
		margin: 0 auto;
		width: 100%;
		max-width: 2000px;
		padding: 0;
		box-sizing: border-box;
		height: 350px;
		margin-bottom: 50vw;
		position: relative;
		font-family: var(--main-font-family);
	}
	section.slide .lf {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	section.slide .lf>.innr {
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #b4b4b4;
	}
	section.slide .rt {
		overflow: auto;
		width: 80%;
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 50vw;
	}
	section.slide .rt>.innr {
		width: 100%;
		top: 200px;
		height: auto;
		background-color: var(--color-darkblue);
		color: white;
		text-align: center;
		padding: 12px;
		box-sizing: border-box;
		overflow: auto;
	}
	section.slide .rt h1.title {
		font-size: var(--title-font-size-mobile);
		line-height:  var(--title-line-height-mobile);
		font-weight: normal;
		margin: 10px;
	}
	section.slide .rt a.overview {
		color: white;
		text-decoration: none;
		font-size: var(--reg-font-size-mobile);
		line-height:  var(--reg-line-height-mobile);
		display: block;
	}
	section.slide .rt a.overview:hover {
		text-decoration: underline;
		display: block;
	}
	section.slide .rt a.ctgry_link {
		display: block;
		text-decoration: none;
		color: white;
		font-size: calc(var(--reg-font-size-mobile) - 5px);
		line-height:  var(--reg-line-height-mobile);
	}
	section.slide .rt h1.dept {
		font-size: var(--reg-font-size-mobile);
		line-height:  var(--reg-line-height-mobile);
		font-weight: normal;
	}
	section.slide .rt a.ctgry_link:hover {
		text-decoration: underline;
	}
	section.slide .rt .details {
		margin: 10px auto 0 auto;
		width: 85%;
		background-color: var(--color-gold);
		overflow: auto;
		color: black;
		font-weight: bold;
		font-size: 12px;
		padding: 10px 0;
		box-sizing: border-box;
		border-radius: 5px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.slide {
		margin: 0 auto;
		width: 100%;
		max-width: 2000px;
		padding: 0;
		box-sizing: border-box;
		height: 350px;
		position: relative;
	}
	section.slide .lf {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	section.slide .lf>.innr {
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #b4b4b4;
	}
	section.slide .rt {
		overflow: auto;
		width: 80%;
		margin: auto;
		font-family: 'Open Sans', sans-serif;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	section.slide .rt>.innr {
		width: 100%;
		top: 200px;
		height: auto;
		background-image: url(images/course_slide_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto;
		background-color: #730c27;
		color: white;
		text-align: center;
		padding: 12px;
		box-sizing: border-box;
		overflow: auto;
	}
	section.slide .rt h1.title {
		font-size: 20px;
		font-weight: normal;
	}
	section.slide .rt a.overview {
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		display: block;
	}
	section.slide .rt a.overview:hover {
		text-decoration: underline;
		display: block;
	}
	section.slide .rt a.ctgry_link {
		display: block;
		text-decoration: none;
		color: white;
		text-transform: uppercase;
		font-size: 12px;
	}
	section.slide .rt h1.dept {
		font-size: 14px;
	}
	section.slide .rt a.ctgry_link:hover {
		text-decoration: underline;
	}
	section.slide .rt .details {
		margin: 10px auto 0 auto;
		width: 85%;
		background-color: #ffae00;
		overflow: auto;
		color: black;
		font-weight: bold;
		font-size: 14px;
		padding: 10px 0;
		box-sizing: border-box;
		border-radius: 5px;
		border: 1px solid #730c27;
	}
}
@media screen and (min-width: 801px) {
	section.slide {
		margin: 0 auto;
		width: 100%;
		max-width: 2000px;
		padding: 0 5%;
		box-sizing: border-box;
		height: 550px;
	}
	section.slide .lf {
		float: left;
		width: 60%;
		height: 100%;
		box-sizing: border-box;
		background-color: #e0e0e0;
	}
	section.slide .lf>.innr {
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #b4b4b4;
	}
	section.slide .rt {
		height: 100%;
		float: left;
		width: 40%;
		font-family: 'Open Sans', sans-serif;
		position: relative;
		background-color: #e0e0e0;
	}
	section.slide .rt>.innr {
		position: absolute;
		top: 40px;
		right: 50px;
		width: 110%;
		height: 400px;
		background-image: url(images/course_slide_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #730c27;
		color: white;
		text-align: center;
		padding: 40px;
		box-sizing: border-box;
	}
	section.slide .rt h1.title {
		font-size: 35px;
		line-height: 38px;
		font-weight: normal;
	}
	section.slide .rt a.overview {
		color: white;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 13px;
	}
	section.slide .rt a.overview:hover {
		text-decoration: underline;
	}
	section.slide .rt a.ctgry_link {
		text-decoration: none;
		color: white;
		text-transform: uppercase;
		font-size: 13px;
	}
	section.slide .rt h1.dept {
		font-size: 18px;
	}
	section.slide .rt a.ctgry_link:hover {
		text-decoration: underline;
	}
	section.slide .rt .details {
		position: absolute;
		bottom: -30px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 85%;
		background-color: #ffae00;
		overflow: auto;
		color: black;
		font-weight: bold;
		font-size: 13px;
		padding: 15px 0;
		border-radius: 5px;
		border: 1px solid #730c27;
	}
}
/*info*/
@media screen and (max-width: 500px) {
	section.info {
		width: 100%;
		margin: 0 auto;
		overflow: auto;
		padding: 20px 10px 20px 10px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		font-family: var(--main-font-family);
		font-family: var(--2nd-font-family);
/*		font-family: var(--3rd-font-family);*/
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.info {
		width: 100%;
		margin: 0 auto;
		overflow: auto;
		padding: 30px 20px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
	}
}
@media screen and (min-width: 801px) {
	section.info {
		width: 100%;
		margin: 0 auto;
		overflow: auto;
		padding: 30px 5%;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
	}
	section.info>.wrap {
		margin: 0 auto;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
	}
}
/*lf_info side*/
@media screen and (max-width: 500px) {
	section.info .lf_info {
		display: none;
		width: 100%;
		float: left;
	}
	section.info .lf_info ul {
		margin: 0 0 20px 0;
		padding: 0;
	}
	section.info .lf_info ul li {
		list-style-type: none;
	}
	section.info .lf_info ul li.hd a {
		background-color: #730c27;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
	}
	section.info .lf_info ul li a {
		text-decoration: none;
		font-size: 14px;
		color: white;
		padding: 6px 10px;
		display: block;
		border: solid #757575;
		border-width: 0 1px 1px 1px;
		background-color: gray;
	}
	section.info .lf_info ul li:last-of-type a {
		padding-bottom: 15px;
	}
	section.info .lf_info ul li.lf_banner {
		background-color: #730c27;
		padding: 10px;
		height: 530px;
		position: relative;
		background-image: url(images/side_banner_1.jpg);
		background-repeat: no-r1epeat;
		background-position: center;
		background-size: 100% auto;
		border: 1px solid #730c27;
	}
	section.info .lf_info ul li.lf_banner a {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 30px;
		margin: auto;
		width: 60%;
		text-align: center;
		height: auto;
		padding: 10px 5px;
		border-radius: 10px;
		font-weight: bold;
		background-color: white;
		color: #730c27;
		font-size: 15px;
		border: 3px solid #730c27;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}
	section.info .lf_info ul li.lf_banner a:hover {
		background-color: #b5b5b5;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.info .lf_info {
		display: none;
		width: 100%;
		float: left;
	}
	section.info .lf_info ul {
		margin: 0 0 20px 0;
		padding: 0;
	}
	section.info .lf_info ul li {
		list-style-type: none;
	}
	section.info .lf_info ul li.hd a {
		background-color: #730c27;
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
	}
	section.info .lf_info ul li a {
		text-decoration: none;
		font-size: 14px;
		color: white;
		padding: 6px 10px;
		display: block;
		border: solid #757575;
		border-width: 0 1px 1px 1px;
		background-color: gray;
	}
	section.info .lf_info ul li:last-of-type a {
		padding-bottom: 15px;
	}
	section.info .lf_info ul li.lf_banner {
		background-color: #730c27;
		padding: 10px;
		height: 530px;
		position: relative;
		background-image: url(images/side_banner_1.jpg);
		background-repeat: no-r1epeat;
		background-position: center;
		background-size: 100% auto;
		border: 1px solid #730c27;
	}
	section.info .lf_info ul li.lf_banner a {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 30px;
		margin: auto;
		width: 60%;
		text-align: center;
		height: auto;
		padding: 10px 5px;
		border-radius: 10px;
		font-weight: bold;
		background-color: white;
		color: #730c27;
		font-size: 15px;
		border: 3px solid #730c27;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}
	section.info .lf_info ul li.lf_banner a:hover {
		background-color: #b5b5b5;
	}
}
@media screen and (min-width: 801px) {
	section.info .lf_info {
		width: 25%;
		float: left;
	}
	section.info .lf_info ul {
		margin: 0 0 20px 0;
		padding: 0;
	}
	section.info .lf_info ul li {
		list-style-type: none;
	}
	section.info .lf_info ul li.hd a {
		background-color: var(--color-darkblue);
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
	}
	section.info .lf_info ul li a {
		text-decoration: none;
		font-size: 14px;
		color: white;
		padding: 6px 10px;
		display: block;
		border: solid #757575;
		border-width: 0 1px 1px 1px;
		background-color: gray;
	}
	section.info .lf_info ul li:last-of-type a {
		padding-bottom: 15px;
	}
	section.info .lf_info ul li.lf_banner {
		background-color: #730c27;
		padding: 10px;
		height: 530px;
		position: relative;
		background-image: url(images/side_banner_1.jpg);
		background-repeat: no-r1epeat;
		background-position: center;
		background-size: 100% auto;
		border: 1px solid #730c27;
	}
	section.info .lf_info ul li.lf_banner a {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 30px;
		margin: auto;
		width: 60%;
		text-align: center;
		height: auto;
		padding: 10px 5px;
		border-radius: 10px;
		font-weight: bold;
		background-color: white;
		color: #730c27;
		font-size: 15px;
		border: 3px solid #730c27;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
	}
	section.info .lf_info ul li.lf_banner a:hover {
		background-color: #b5b5b5;
	}
}
/*mid info data*/
@media screen and (max-width: 500px) {
	section.info .mid_info {
		width: 100%;
		padding: 0 0px;
		overflow: auto;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.info .mid_info {
		width: 100%;
		padding: 0 0px;
		overflow: auto;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 801px) {
	section.info .mid_info {
		width: 55%;
		padding: 0 2%;
		box-sizing: border-box;
		float: left;
	}
}
/*rt_info*/
@media screen and (max-width: 500px) {
	section.info .rt_info {
		width: 100%;
		margin-top: 20px;
		padding: 0px 0;
		overflow: auto;
		border: solid 1px #730c27;
		background-color: grey;
		box-sizing: border-box;
		font-family: var(--main-font-family);
	}
	section.info .rt_info ul {
		border: solid #757575;
		border-width: 1px 0 0 0;
		overflow: auto;
		margin: 0;
		width: 100%;
		padding: 0;
	}
	section.info .rt_info ul li {
		list-style-type: none;
		overflow: auto;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	section.info .rt_info ul li a {
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
		width: 100%;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_hd a {
		background-color: var(--color-darkblue);
		color: var(--color-gold);
	}
	section.info .rt_info li.image {
		background-image: url(images/courses_asti_about_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 120px;
		border: solid #757575;
		border-width: 1px 0px;
	}
	section.info .rt_info li a {
		font-size: 14px;
		color: black;
		background-color: white;
		text-align: center;
	}
	section.info .rt_info li a.no_click {
		pointer-events: none;
	}
	section.info .rt_info li.rt_banner {
		background-color:  var(--color-darkblue);
		height: auto;
		position: relative;
		padding: 10px 10px 60px 10px;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_banner p {
		font-weight: bold;
		color: white;
		text-align: center;
		font-size: 23px;
	}
	section.info .rt_info li.rt_banner a {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: auto;
		padding: 5px 0;
		width: 50%;
		display: block;
		border-radius: 5px;
		font-weight: bold;
		background-color: #ffae00;
		color: #730c27;
	}
	section.info .rt_info li.rt_banner a:hover {
		background-color: #ffd800;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.info .rt_info {
		width: 100%;
		margin-top: 20px;
		padding: 0px 0;
		overflow: auto;
		border: solid 1px #730c27;
		background-color: grey;
		box-sizing: border-box;
	}
	section.info .rt_info ul {
		border: solid #757575;
		border-width: 1px 0 0 0;
		overflow: auto;
		margin: 0;
		width: 100%;
		padding: 0;
	}
	section.info .rt_info ul li {
		list-style-type: none;
		overflow: auto;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	section.info .rt_info ul li a {
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
		width: 100%;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_hd a {
		background-color: var(--color-darkblue);
		color: #ffae00;
	}
	section.info .rt_info li.image {
		background-image: url(images/courses_asti_about_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 120px;
		border: solid #757575;
		border-width: 1px 0px;
	}
	section.info .rt_info li a {
		font-size: 14px;
		color: black;
		background-color: white;
		text-align: center;
	}
	section.info .rt_info li a.no_click {
		pointer-events: none;
	}
	section.info .rt_info li.rt_banner {
		background-image: url(images/side_banner_2.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 200px;
		position: relative;
		padding: 10%;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_banner p {
		font-weight: bold;
		color: white;
		text-align: center;
		font-size: 23px;
	}
	section.info .rt_info li.rt_banner a {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: auto;
		padding: 5px 0;
		width: 50%;
		display: block;
		border-radius: 5px;
		font-weight: bold;
		background-color: #ffae00;
		color: #730c27;
	}
	section.info .rt_info li.rt_banner a:hover {
		background-color: #ffd800;
	}
}
@media screen and (min-width: 801px) {
	section.info .rt_info {
		width: 20%;
		float: right;
		border: solid 1px #730c27;
		box-sizing: border-box;
	}
	section.info .rt_info ul {
		border: solid #757575;
		border-width: 1px 0 0 0;
		overflow: auto;
		margin: 0;
		width: 100%;
		padding: 0;
	}
	section.info .rt_info ul li {
		list-style-type: none;
		overflow: auto;
		padding: 0;
		width: 100%;
		box-sizing: border-box;
	}
	section.info .rt_info ul li a {
		text-align: center;
		font-weight: bold;
		font-size: 15px;
		padding: 8px 10px;
		width: 100%;
		display: block;
		text-decoration: none;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_hd a {
		background-color: var(--color-darkblue);
		color: #ffae00;
	}
	section.info .rt_info li.image {
		background-image: url(images/courses_asti_about_bg.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 120px;
		border: solid #757575;
		border-width: 1px 0px;
	}
	section.info .rt_info li a {
		font-size: 14px;
		color: black;
		background-color: white;
		text-align: center;
	}
	section.info .rt_info li a.no_click {
		pointer-events: none;
	}
	section.info .rt_info li.rt_banner {
		background-image: url(images/side_banner_2.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 200px;
		position: relative;
		padding: 10%;
		box-sizing: border-box;
	}
	section.info .rt_info li.rt_banner p {
		font-weight: bold;
		color: white;
		text-align: center;
		font-size: 23px;
	}
	section.info .rt_info li.rt_banner a {
		position: absolute;
		right: 0;
		bottom: 20px;
		left: 0;
		margin: auto;
		padding: 5px 0;
		width: 50%;
		display: block;
		border-radius: 5px;
		font-weight: bold;
		background-color: #ffae00;
		color: #730c27;
	}
	section.info .rt_info li.rt_banner a:hover {
		background-color: #ffd800;
	}
}
/*section questions*/
section.questions{
	display: none;
}
/*section related*/
@media screen and (max-width: 500px) {
	section.related {
		overflow: auto;
		width: 100%;
		padding: 30px 5px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	section.related>h1 {
		font-family: 'Lora', serif;
		text-align: center;
		width: 100%;
	}
	section.related .item {
		float: left;
		width: 50%;
		padding: 5px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
	}
	section.related .item>.innr {
		width: 100%;
		height: 100%;
		overflow: auto;
		display: block;
		background-color: #f0f4f7;
		padding: 10px;
		box-sizing: border-box;
		position: relative;
		text-decoration: none;
		color: black;
	}
	section.related .item>.innr:hover {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}
	section.related .item .c_name {
		text-decoration: none;
		color: black;
		width: 100%;
		font-weight: bold;
		font-size: 14px;
		float: left;
		display: block;
		font-family: 'Lora', serif;
		margin: 0;
	}
	section.related .item .c_dept {
		margin: 0;
		overflow: auto;
		width: 100%;
		font-size: 12px;
	}
	section.related .item .c_level {
		margin: 0;
		overflow: auto;
		width: 100%;
		font-size: 12px;
	}
	section.related .item .c_duration {
		margin: 0;
		overflow: auto;
		width: 100%;
		font-size: 10px;
		font-weight: bold;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.related {
		overflow: auto;
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	section.related>h1 {
		width: 100%;
		font-family: 'Lora', serif;
	}
	section.related .item {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		display: table-cell;
	}
	section.related .item>.innr {
		width: 100%;
		height: 100%;
		overflow: auto;
		display: block;
		background-color: #f0f4f7;
		padding: 20px;
		box-sizing: border-box;
		position: relative;
		text-decoration: none;
		color: black;
	}
	section.related .item>.innr:hover {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}
	section.related .item .c_name {
		text-decoration: none;
		color: black;
		width: 100%;
		font-weight: bold;
		font-size: 20px;
		float: left;
		display: block;
		font-family: 'Lora', serif;
		margin: 0;
	}
	section.related .item .c_dept {
		margin: 0;
	}
	section.related .item .c_level {
		margin: 0;
	}
	section.related .item .c_duration {
		font-size: 14px;
		margin: 0;
		font-family: 'Open Sans', sans-serif;
	}
}
@media screen and (min-width: 801px) {
	section.related {
		overflow: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		padding: 30px;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	section.related>h1 {
		width: 100%;
		text-align: center;
		font-family: 'Lora', serif;
		font-weight: normal;
		font-size: 30px;
		padding: 30px 0;
		box-sizing: border-box;
	}
	section.related .item {
		float: left;
		width: 50%;
		padding: 10px;
		box-sizing: border-box;
		font-family: 'Open Sans', sans-serif;
		display: table-cell;
	}
	section.related .item>.innr {
		width: 100%;
		height: 100%;
		overflow: auto;
		display: block;
		background-color: #f0f4f7;
		padding: 20px;
		box-sizing: border-box;
		position: relative;
		text-decoration: none;
		color: black;
	}
	section.related .item>.innr:hover {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	}
	section.related .item .c_name {
		text-decoration: none;
		color: black;
		width: 100%;
		font-weight: bold;
		font-size: 20px;
		float: left;
		display: block;
		font-family: 'Lora', serif;
		margin: 0;
	}
	section.related .item .c_dept {
		margin: 0;
	}
	section.related .item .c_level {
		margin: 0;
	}
	section.related .item .c_duration {
		font-size: 14px;
		margin: 0;
		font-family: 'Open Sans', sans-serif;
	}
}
/*other departments*/
@media screen and (max-width: 500px) {
	section.depts {
		width: 100%;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		border-top: 1px solid #730c27;
		background-color: #eaeaea;
		background-color: #1f1f1f;
	}
	section.depts>.wrap {
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 5px;
		box-sizing: border-box;
	}
	section.depts h1 {
		font-weight: normal;
		font-size: 30px;
		margin: 0;
		padding: 30px 0;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Lora', serif;
		color: #ffae00;
	}
	section.depts .item_box {
		width: 100%;
		overflow: auto;
		display: flex;
		flex-wrap: wrap;
	}
	section.depts .item {
		width: 50%;
		overflow: auto;
		padding: 5px;
		box-sizing: border-box;
		float: left;
		display: table-cell;
	}
	section.depts .item>.innr {
		padding: 5px;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #ffae00;
		display: block;
	}
	section.depts .item .image {
		height: 80px;
		width: 100%;
		background-color: #1d0000;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.depts .item .dept {
		display: block;
		padding: 10px 0;
		font-family: 'Lora', serif;
	}
	section.depts .item .count {
		display: block;
		text-transform: uppercase;
		font-size: 10px;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	section.depts {
		width: 100%;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		border-top: 1px solid #730c27;
		background-color: #eaeaea;
		background-color: #1f1f1f;
	}
	section.depts>.wrap {
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 5px;
		box-sizing: border-box;
	}
	section.depts h1 {
		font-weight: normal;
		font-size: 30px;
		margin: 0;
		padding: 30px 0;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Lora', serif;
		color: #ffae00;
	}
	section.depts .item_box {
		width: 100%;
		overflow: auto;
		display: flex;
		flex-wrap: wrap;
	}
	section.depts .item {
		width:33.333%;
		overflow: auto;
		padding: 10px;
		box-sizing: border-box;
		float: left;
		display: table-cell;
	}
	section.depts .item>.innr {
		padding: 5px;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #ffae00;
		display: block;
	}
	section.depts .item .image {
		height: 80px;
		width: 100%;
		background-color: #1d0000;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.depts .item .dept {
		display: block;
		padding: 10px 0;
		font-family: 'Lora', serif;
	}
	section.depts .item .count {
		display: block;
		text-transform: uppercase;
		font-size: 10px;
	}
}
@media screen and (min-width: 801px) {
	section.depts {
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
		padding: 30px;
		box-sizing: border-box;
		
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		border-top: 1px solid #730c27;
		background-color: #eaeaea;
		background-color: #1f1f1f;
	}
	section.depts>.wrap {
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		padding: 10px;
		box-sizing: border-box;
	}
	section.depts h1 {
		font-weight: normal;
		font-size: 30px;
		margin: 0;
		padding: 30px 0;
		box-sizing: border-box;
		text-align: center;
		font-family: 'Lora', serif;
		color: #ffae00;
	}
	section.depts .item_box {
		width: 100%;
		overflow: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
	}
	section.depts .item {
		width: 12.5%;
		min-width: 180px;
		overflow: auto;
		padding: 10px;
		box-sizing: border-box;
		float: left;
		display: table-cell;
	}
	section.depts .item>.innr {
		padding: 5px;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #ffae00;
		display: block;
	}
	section.depts .item .image {
		height: 100px;
		width: 100%;
		background-color: #1d0000;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.depts .item .dept {
		display: block;
		padding: 10px 0;
		font-family: 'Lora', serif;
	}
	section.depts .item .count {
		display: block;
		text-transform: uppercase;
		font-size: 10px;
		color: white;
	}
}
/*course changer modal*/
section.course_changer{
	font-family: 'Open Sans', sans-serif;
	position: fixed;
	top: 0;
	height: 100vh;
	width: 100%;
	background-color: black;
	z-index: 1000;
	display: none;
}
section.course_changer>.innr{
	width: 100%;
	min-height: 500px;
	max-width: 500px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 75px 20px 20px 20px;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: auto;
	background-color: white;
}
section.course_changer .close{
	position: absolute;
	top: 20px;
	right: 20px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	color: black;
	background-color: white;
	cursor: pointer;
	font-weight: bold;	
	font-size: 15px;
}
section.course_changer .course_name{
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 30px;
}
section.course_changer label{
	width: 100%;
	display: block;
	text-align: center;
	background-color: black;
	color: white;
	padding: 10px 0;
}
section.course_changer select{
	width: 100%;
	display: block;
	padding: 10px 0;
	
}
section.course_changer select option{}
section.course_changer #update_course_information{
	width: 100%;
	background-color: gold;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 0;
	margin-top: 20px;
}
/*empty course styling*/
@media screen and (max-width: 500px) {
	.empty_slide {
		display: none;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_slide .wrap {
		width: 100%;
		height: 450px;
		display: inline-block;
		background-color: black;
	}
	.empty_slide .wrap .info {}
	.empty_slide .wrap .info h1 {}
	.empty_list {
		overflow: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_list>.wrap {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}
	.empty_list .item_box {
		width: 100%;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box h1 {
		border-bottom: 1px solid black;
		display: inline-block;
		padding: 10px 0;
		box-sizing: border-box;
		font-family: 'Lora', serif;
	}
	.empty_list .item_box .list {
		overflow: auto;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.empty_list .item_box .list .item {
		float: left;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box .list .item .innr {
		width: 100%;
		overflow: auto;
	}
	.empty_list .item_box .list .item .innr .name {
		font-size: 14px;
		display: block;
		text-decoration: none;
		color: black;
	}
	.empty_list .item_box .list .item .innr .level {
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		color: black;
	}
}
@media screen and (min-width: 501px) and (max-width: 800px) {
	.empty_slide {
		display: none;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_slide .wrap {
		width: 100%;
		height: 450px;
		display: inline-block;
		background-color: black;
	}
	.empty_slide .wrap .info {}
	.empty_slide .wrap .info h1 {}
	.empty_list {
		overflow: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_list>.wrap {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}
	.empty_list .item_box {
		width: 100%;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box h1 {
		border-bottom: 1px solid black;
		display: inline-block;
		padding: 10px 0;
		box-sizing: border-box;
		font-family: 'Lora', serif;
	}
	.empty_list .item_box .list {
		overflow: auto;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.empty_list .item_box .list .item {
		float: left;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box .list .item .innr {
		width: 100%;
		overflow: auto;
	}
	.empty_list .item_box .list .item .innr .name {
		font-size: 14px;
		display: block;
		text-decoration: none;
		color: black;
	}
	.empty_list .item_box .list .item .innr .level {
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		color: black;
	}
}
@media screen and (min-width: 801px) {
	.empty_slide {
		display: none;
		width: 100%;
		overflow: auto;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_slide .wrap {
		width: 100%;
		height: 450px;
		display: inline-block;
		background-color: black;
	}
	.empty_slide .wrap .info {}
	.empty_slide .wrap .info h1 {}
	.empty_list {
		overflow: auto;
		width: 100%;
		max-width: 2000px;
		margin: 0 auto;
	}
	.empty_list>.wrap {
		width: 100%;
		padding: 30px;
		box-sizing: border-box;
	}
	.empty_list .item_box {
		width: 100%;
		display: inline-block;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box h1 {
		border-bottom: 1px solid black;
		display: inline-block;
		padding: 10px 0;
		box-sizing: border-box;
		font-family: 'Lora', serif;
	}
	.empty_list .item_box .list {
		overflow: auto;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.empty_list .item_box .list .item {
		float: left;
		overflow: auto;
		font-family: 'Open Sans', sans-serif;
		padding: 10px;
		box-sizing: border-box;
	}
	.empty_list .item_box .list .item .innr {
		width: 100%;
		overflow: auto;
	}
	.empty_list .item_box .list .item .innr .name {
		font-size: 14px;
		display: block;
		text-decoration: none;
		color: black;
	}
	.empty_list .item_box .list .item .innr .level {
		font-size: 12px;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		color: black;
	}
}
/*request info*/
section.request {
	overflow: auto;
	width: 100%;
}
section.request>.wrap {
	width: 100%;
	overflow: auto;
}
section.request .lf {
	width: 100%;
	overflow: auto;
}
section.request .lf>.innr {
	background-color: black;
	width: 100%;
	height: 600px;
	overflow: auto;
}
section.request .rt {
	width: 100%;
	overflow: auto;
}
section.request .rt>.innr {
	background-color: lightgrey;
	width: 100%;
	height: 600px;
	overflow: auto;
}