* {
	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;
}

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

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

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

#values {
	padding: 15vw 10vw 2vw 10vw;
/* */
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 3vw;
	color: #192B33;
}

/* -------------------- 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;
}

#home {
	background: url(../img/services/home.jpg) no-repeat center center;
	background-size: cover;
}

#auto {
	background: url(../img/services/auto.jpg) no-repeat center center;
	background-size: cover;
}

#life {
	background: url(../img/services/life.jpg) no-repeat center center;
	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 - 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;
	}

}