* {
	font-family: 'Lato', sans-serif;
}

#nav-inline {
	display: flex;
}
#nav-dropdown {
	display: none;
}

@media (max-width: 700px) {
	#nav-inline {
		display: none;
	}
	#nav-dropdown {
		display: block;
	}
}

.catalog-outer {
	margin: 12px;
}
.catalog-panel {
	padding: 16px;
}
.catalog-filter-btn {
	width: 100%;
}
.catalog-instructor-input {
	width: 100%;
}

@media (min-width: 576px) {
	.catalog-outer {
		margin: 16px;
	}
	.catalog-panel {
		padding: 20px;
	}
}

@media (min-width: 768px) {
	.catalog-filter-btn {
		width: auto;
	}
	.catalog-instructor-input {
		max-width: 200px;
	}
}

@media (min-width: 992px) {
	.catalog-outer {
		margin: 16px;
	}
	.catalog-panel {
		padding: 16px;
	}
}

.course-item {
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 12px;
}
.course-section-label {
	width: 125px;
	max-width: 125px;
}
.course-item-header {
	cursor: pointer;
}
.course-item-header:hover > h5 {
	text-decoration: underline;
}
.course-section-scroll {
	overflow-x: auto;
}
.course-section-table .course-section-label {
	border-right: 1px solid #ccc;
	padding-right: 16px;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}
.required {
	color: #ff3737 !important;
}
.pointer {
	cursor: pointer;
}
.border-left {
	border-left: 1px solid black;
}