* {
	box-sizing: border-box;
}

html {
	height: 100%;
}

body {
	margin: 0;
	background: #192B33;
}

a {
	text-decoration: none;
	cursor: pointer;
}

::selection {
	background: #A4C8C6;
	color: #FFFFFF;
}

/* -------------------- RESPONSIVE -------------------- */

desktop {
	display: block;
	height: 100%;
	width: 100%;
}

mobile {
	display: none;
}

/* -------------------- HEADER -------------------- */

header {
	display: block;
	margin-top: 10vw;
	height: 40vw;
	width: 100%;
/* */
	background: url(../img/team.webp);
	background-size: cover;
}

/* -------------------- MAIN -------------------- */

main {
	display: block;
/* */
	background: #F8F8F8;
}

/* -------------------- CONTENT - VALUES -------------------- */

#values {
	padding: 5vw;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#values .title {
	margin: 8vw 0 2vw 0;
/* */
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 3vw;
	color: #192B33;
}

#values p {
	padding: 0 2.5vw;
/* */
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 1vw;
	color: #192B33;
}

#vision {
	width: 30%;
/* */
	background: url(../img/icons/vision.svg) no-repeat;
	background-position: center top;
	background-size: 6vw;
}

#mission {
	width: 30%;
/* */
	background: url(../img/icons/mission.svg) no-repeat;
	background-position: center top;
	background-size: 6vw;
}

#promise {
	width: 30%;
/* */
	background: url(../img/icons/promise.svg) no-repeat;
	background-position: center top;
	background-size: 6vw;
}

c {
	width: 1px;
	height: 22vw;
	background: #CACACA;
}

/* -------------------- CONTENT - TEAM -------------------- */

#team {
	display: block;
	padding: 2vw 5vw 5vw 5vw;
}

.person {
	padding: 0 0 5vw 0;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

.pic {
	display: block;
	height: 25vw;
	width: 35%;
/* */
	border-radius: 8px;
}

#shane {
	background: url(../img/people/shane.webp) no-repeat center top;
	background-size: cover;
}

#kristi {
	background: url(../img/people/kristi.webp) no-repeat center top;
	background-size: cover;
}

#christian {
	background: url(../img/people/christian.webp) no-repeat center top;
	background-size: cover;
}

.bio {
	display: block;
	margin: -1vw 0 0 0;
	width: 40%;
/* */
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 1.3vw;
	color: #192B33;
}

.bio h1 {
	font-size: 4vw;
	line-height: 1vw;
}

.bio h2 {
	margin: 0 0 3vw 0;

	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.5vw;
	line-height: 1.5vw;
	color: #A4C8C6;
}

/* -------------------- CONTENT - CAREERS -------------------- */

#careers {
	display: block;
	padding: 5vw;
	width: 100%;
/* */
	background: #A4C8C6;
}

#careers .title {
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 4vw;
	color: #192B33;
}

#careers p {
	padding: 0 10vw;
/* */
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.4vw;
	color: #192B33;
}

#careers .links {
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 3vw;
}

#careers a {
	padding: 1vw 1.5vw;
	margin: 0 0 0 2vw;
/* */
	vertical-align: middle;
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 1.4vw;
	color: #FFFFFF;
/* */
	background: #192B33;
	border-radius: 4px;
}

#careers a:hover {
	background: #CC7F2B;
}

/* -------------------- CONTENT - CONSULT -------------------- */

#consult {
	display: block;
	width: 100%;
/* */
	text-align: center;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 4vw;
	color: #FFFFFF;
/* */
	background: #CACACA;
}

.calendly-inline-widget {
	height: 60vw;
	width: 100%;
}

/* -------------------- FOOTER -------------------- */

footer {
	padding: 5vw;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#foot-left {
	width: 40%;
/* */
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1vw;
	line-height: 1.5vw;
	color: #A4C8C6;
}

logo {
	display: block;
	margin: 0 0 1vw 0;
	height: 7vw;
	width: 24vw;
/* */
	background: url(../img/logo.jpg) no-repeat;
	background-size: contain;
}

#foot-right {
	width: 60%;
	padding: 0 0 0 5vw;
/* */
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
}

#lnk {
	width: 30%;
	padding: 2vw 0 0 0;
}

#lnk a {
	display: block;
/* */
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 3vw;
	color: #CC7F2B;
}

#lnk a:hover {
	color: #FFFFFF;
}

#loc {
	width: 70%;
}

#loc iframe {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	border: none;
}

/* -------------------- FIXED NAV -------------------- */

nav {
	display: block;
	position: fixed;
	height: 10vw;
	width: 100%;
	top: 0;
/* */
	background: url(../img/peak.svg) no-repeat #192B33;
	background-position: 350% -5vw;
	background-size: 90vw;
}

#logo {
	display: block;
	margin: 2.5vw 0 0 3vw;
	height: 5vw;
	width: 17vw;
/* */
	color: transparent;
/* */
	background: url(../img/logo.jpg) no-repeat;
	background-size: contain;
}

nav span {
	position: absolute;
	height: 10vw;
	left: 28vw;
	top: 0;
}

nav span a {
	height: 10vw;
	margin: 0 2vw 0 0;
	padding: 0.5vw 0;
/* */
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 1.5vw;
	line-height: 10vw;
	color: #FFFFFF;
/* */
	border-bottom: 4px solid #192B33;
}

nav span a:hover {
	border-bottom: 4px solid #A4C8C6;
}

#tel {
	display: block;
	position: absolute;
	padding: 1vw 1.5vw 1vw 3.5vw;
	right: 4vw;
	top: 3vw;
/* */
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	font-size: 1.5vw;
	line-height: 1.5vw;
	color: #FFFFFF;
/* */
	background: url(../img/phone.svg) no-repeat #CC7F2B;
	background-position: 1.2vw 1vw;
	background-size: 1.5vw;
	border-radius: 4px;
}

@keyframes drift {
	0% { transform: translateX(0vw); }
	50% { transform: translateX(-2vw); }
	100% { transform: translateX(0vw); }
}

/* -------------------- PRINT -------------------- */

@media print {

	* {
		display: none;
	}

}