.header {
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-color: var(--cb-accent)
}
.header h1 {
	line-height: 100%;
	font-size: 4rem;
}
.course-container:hover .course-box {
	opacity: 1.0
}
.row.course-box {
	outline: 1px solid black;
	background: white;
	transition: all .3s ease;
}
.row.course-box:not(.empty):hover {
	outline: 1px solid transparent;
	z-index: 9999;
	opacity: 1.0 !important;
	filter: drop-shadow(0px 54px 72px rgba(0, 0, 0, 0.30));
}
.course-box img.cpic {
	height: 100%;
	object-fit: cover;
}
.course-desc {
	padding: 1.5rem 2rem;
}
.header-box {
	color: white;
	max-width: 720px;
	padding: 8rem 4rem;
	opacity: 1 !important;
	background: linear-gradient(270deg, rgba(0, 0, 0, 0) 24%, rgba(0, 0, 0, 0.5) 100%);
}
.header-box h1, .header-box p {
		filter: drop-shadow(0px 0px 32px black);
}
.btn.btn-ghost.btn-ghost-header {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #ffffff50;
	color: white;
}
.btn.btn-ghost.btn-ghost-header:hover {
	border: 1px solid black;
	box-shadow: 0px 16px 40px 0px #ffffff50;
}
@media only screen and (max-width: 991px) {
	.header h1 {
		font-size: 3rem;
		line-height: 3rem;
		padding-bottom: 2rem !important;
	}
	.header-box {
		padding: 2rem;
		backdrop-filter: none;
		background: #12171A70;
		filter: none;
	}
	.row.header {
		padding: 0;
	}
	.course-desc {
		padding: .5rem 1rem 1rem 1rem;
	}
	.course-container:hover .course-box {
		opacity: 1.0;
	}
	.row.course-box:hover {
		outline: 1px solid black;
		background: white;
		transition: all .3s ease;
		transform: none;
		filter: none;
	}
	.row.course-box.flex-fill.empty {
    	display: none;
	}
}