.program-fullscreen {
	display: flex;
    width: 100vw;
    height: calc(100vh - 60px);
    background-size: cover;
	background-position: center;
	color: white;
	position: relative;
	top: 60px;
}

.program-arrow-up {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	top: 0;
	margin-top: 20px;
}

.program-arrow-down {
	display: flex;
	justify-content: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.program-arrow-up {
		margin-top: 35px;
	}

	.program-arrow-down {
		margin-bottom: 35px;
	}
}

.program-arrow-up img {
	width: 100px;
}

.program-arrow-down img {
	width: 100px;
}

.program-arrow-up img:hover {
	opacity: .7;
}

.program-arrow-down img:hover {
	opacity: .7;
}

#programs-header {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/programs/sawdust.jpg');
	align-items: center;
	justify-content: center;
	text-align: center;
}

#programs-header-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 80%;
}

#programs-header h1 {
	font-size: 2rem;
}

#programs-header p {
	font-size: 2.2vh;
}

@media (min-width: 768px) {
	#programs-header h1 {
		font-size: 3rem;
	}

	#programs-header-content {
		width: 50%;
	}
}

.program-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 2;
	padding: 7%;
}

.program-title {
	font-size: 5vh;
	padding: 0;
	text-transform: uppercase;
}

.program-description {
	font-size: 2.4vh;
	line-height: 1.5;
	font-weight: bold;
	padding: 2vh 0;
}

.program-list {
	font-size: 2.2vh;
}

.program-list span:hover {
	color: #fed136;
}

@media (min-width: 768px) {

	.program-text {
		padding: 5%;
	}

	#program-1 .program-text {
		text-align: right;
	}

	#program-3 .program-text {
		text-align: right;
	}

	#program-5 .program-text {
		text-align: right;
	}

}

.program-list span {
	cursor: pointer;
}

.program-empty {
	display: none;
}

@media (min-width: 768px) {
	.program-empty {
		display: flex;
		flex: 1;
	}
}

#program-0 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/programs/grey_at_threads.jpg');
}

#program-1 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/programs/scholarship_showcase.jpg');
}

#program-2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../img/programs/422_performance.jpg');
}

#program-info-background {
	position: fixed;
	top: 60px;
	right: 0;
	width: 100vw;
	height: calc(100vh - 60px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.9);
	display: none;
}

#program-info-modal {
	display: flex;
	flex-direction: column;
	width: 85%;
	max-height: 85%;
	background-color: white;
}

#program-info-media {
	display: flex;
	flex: 1;
}

#program-info-media iframe {
	width: 100%;
}

#program-info-text {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 25px;
	overflow: scroll;
}

#program-info-text h1 {
	padding: 0 0 20px 0;
}

#program-info-text h2 {
	padding: 0;
	font-weight: 400;
}

#programs-full-rep {
	position: relative;
	top: 60px;
	padding: 7%;
	font-size: 2.2vh;
	line-height: 4vh;
}

#programs-full-rep h1 {
	text-transform: uppercase;
}

.programs-full-rep-link {
	cursor: pointer;
}

.programs-full-rep-link:hover {
	color: #707070;
}