header {
	background-image: linear-gradient(
			rgba(56, 56, 56, 0.9),
			rgba(56, 56, 56, 0.9)
		),
		url(https://assets-cdn.carwars.com/websites/callbox/landers/ce-zoom-public-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position-y: top;
}

header .pill {
	font-size: 1.25rem;
	font-weight: 500;
	background-color: var(--blue4);
	width: fit-content;
	margin: auto;
	padding: 0.5rem 2rem;
	border-radius: 5rem;
}

header .container {
	display: block;
}

header .textwrapper {
	margin-bottom: 2rem;
}

.disclaimer {
	text-align: left;
}

.disclaimer .textwrapper {
	max-width: 600px;
	margin: 0;
	padding: 0;
	padding-left: 2rem;
}

.pace-logo {
	height: 150px;
	width: auto;
}

.small {
	color: var(--d-gray3);
	font-size: 10pt;
}

.tiny {
	color: var(--gray1);
	font-size: 8pt;
}

section.first.lander .container {
	flex-wrap: nowrap;
	text-align: left;
}

section.first.lander.course.container {
	justify-content: space-between;
}

section.first.lander.course .left,
section.first.lander.course .right {
	display: flex;
	box-sizing: border-box;
	flex-flow: column;
	margin: 0;
}
section.first.lander.course .left {
	width: 60%;
}

section.first.lander.course .right {
	width: 30%;
}

section.first.lander.course .mobile {
	display: none;
}

section.first.lander.course span {
	font-weight: 700;
}

.bullets div {
	padding-top: 0.5rem;
	padding-right: 0.25rem;
}

.bullets div i {
	padding-right: 0.5rem;
}

.course .left i.zmdi.zmdi-check {
	color: var(--green2);
	font-weight: 600;
}
section.first.lander .container.instructors {
	margin-top: 0.5rem;
}

section.first.lander .container.instructors .host {
	border: 1px solid var(--gray3);
	border-radius: var(--radius-big);
	margin-right: 1rem;
}

section.first.lander .container.instructors .host.last {
	margin-right: 0rem;
}

.details {
	margin-top: 1.5rem;
}

section.first.lander.course .host {
	display: inline-block;
	margin-top: 1.5rem;
	flex-direction: column;
	padding-top: 1rem;
	width: calc(50% - 1rem);
	border-top: 1px solid var(--gray3);
	transition: var(--ease);
}

section.first.lander.course .blurb {
	text-align: left;
	padding: 0 1rem;
}

section.first.lander.course .mug {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

section.first.lander.course .mug .desc {
	padding: 0 1rem;
	text-align: left;
}

section.first.lander {
	display: inherit !important;
}

section.first.lander.course .circle {
	width: 7.5rem;
	border-radius: 50%;
	overflow: hidden;
	border-style: solid;
	border-color: var(--green2);
	border-width: 2px;
}

section.first.lander.course .circle img {
	width: 100%;
	margin-bottom: -5px;
}

section.first.lander .blurb,
section.first.lander .host {
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 770px), screen and (max-device-width: 770px) {
	header .container {
		width: 100%;
	}

	header .textwrapper {
		max-width: 600px;
	}

	section.first.lander.course .mobile {
		display: block;
		margin: -2rem auto 2rem auto;
	}

	a:hover button.mobile {
		text-decoration: none;
	}

	section.first.lander.course .left .title {
		text-align: center;
	}

	section.first.lander.course .container {
		flex-wrap: wrap;
	}

	section.first.lander.course .left,
	section.first.lander.course .right {
		margin: 0rem;
		width: 100%;
	}

	section.first.lander.course .right button {
		display: none;
	}

	section.first.lander .container.instructors .host {
		margin-right: 0rem;
		flex-wrap: wrap-reverse;
		width: 100%;
	}

	section.first.lander .container.instructors .mug {
		padding-left: 1rem;
		padding-right: 1rem;
		width: auto;
	}
}