:root {
	--background-color: #F9EAE8;
	--main-color-a: #73C2B9;
	--main-color-a-darker: #56928B;
	--main-color-b: #FF5C3C;
	--main-color-b-lighter: #FF7D63;
	--main-color-b-darker: #BF452D;
	--text-color: #2B4946;
}

* {
	box-sizing:border-box;
}
html, body, p, ul, h1, h2, h3 {
	font-family:'Roboto Slab', serif;
	margin:0;
	padding:0;
}
html {
	min-height:100.1%;
	position:relative;
}
body {
	height:100%;
	background-color:var(--background-color);
}
a {
	text-decoration:none;
	color:inherit;
}
h1, h2, h3 {
	font-weight:500;
	margin:10px 0;
}
h1 {
	font-size:2em;
	margin-bottom:30px;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1em;
}
.super {
	font-size:.4em;
	vertical-align:super;
	position:relative;
	top:-0.5em;
}

/* MAIN */
main {
	max-width:1000px;
	margin:auto;
	display:flex;
}
.content {
	width:100%;
	margin-left:290px;
	padding:50px 50px 155px;
	text-align:left;
	font-weight:400;
	line-height:1.65em;
}
.mobile-logo {
	display:none;
}
.last-p {
	margin-bottom:50px;
}

/* NAV */
nav {
	width:290px;
	position:fixed;
	font-weight:500;
	padding-top:25px;
	overflow:hidden;
}
.pole {
	position:fixed;
	width:9px;
	height:100vh;
	background-color:var(--text-color);
	z-index:-1;
	height:3000px;
}
#pole1 {
	margin:180px 0 0 70px;
}
#pole2 {
	margin:140px 0 0 210px;
}
nav ul {
	list-style-type: none;
	color:white;
}
nav li {
	margin:10px 50px;
	text-align:center;
	padding: 7px;
	background-color:var(--main-color-a);
	box-shadow:3px 3px var(--main-color-a-darker);
}
.slogan {
	background-color:var(--main-color-b);
	padding:5px;
	margin:10px 40px;
	box-shadow:3px 3px var(--main-color-b-darker);
}
.nav-bottom {
	background-color:var(--main-color-b);
	margin:10px 50px;
	padding:7px;
	text-align:center;
	color:white;
	box-shadow:3px 3px var(--main-color-b-darker);
}
.nav-bottom li {
	margin:5px;
	font-size:14px;
	background-color: var(--main-color-b-lighter);
	padding:3px;
	box-shadow: none;
}
.copyright {
	font-size:.6em;
	font-weight:300;
	text-align:center;
	margin-top:20px;
}

/* FOOTER */
footer {
	text-align:center;
	position:fixed;
	bottom:0;
	height:70px;
	width:100%;
	background-color:var(--main-color-a);
	padding-left:290px;
	z-index:10;
}
.footer-wrap {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	text-align:center;
	color:white;
	font-size:12px;
	padding:10px;
}
.footer-wrap div {
	min-width:200px;
}
.footer-bottom {
	width:100% !important;
	margin-top:10px;
}
#footer-seattle {
	position:relative;
	width:200px;
	margin-left:750px;
	top:-250px;
	z-index:9;
}

/* MOBILE NAV */

#back-to-top-button {
	z-index:12;
}
#call-button {
	right:20px;
	z-index:12;
}

#hamburger-button, #back-to-top-button, #call-button {
	display:none;
	position:fixed;
	border-radius:5px;
	padding:0 5px;
	transition: 0.4s;
	background-color:var(--main-color-a);
}
#hamburger-button, #back-to-top-button {
	left:20px;
}
#call-button, #back-to-top-button {
	bottom: 120px;
	padding:10px;
	color:var(--background-color);
}
#hamburger-button {
	top:20px;
}
.hamburger-line {
	width: 32px;
	height: 5px;
	background-color:var(--background-color);
	margin: 6px 0;
	transition: 0.4s;
}
.hamburger-click {
	background-color:var(--background-color) !important;
	z-index:20;
}
.hamburger-click .bar1 {
  -webkit-transform: rotate(-45deg) translate(-2px, 10px);
  transform: rotate(-45deg) translate(-2px, 10px);
  background-color:var(--main-color-a);
}
.hamburger-click .bar2 {opacity: 0;}
.hamburger-click .bar3 {
  -webkit-transform: rotate(45deg) translate(0px, -20px);
  transform: rotate(45deg) translate(-5px, -13px);
  background-color:var(--main-color-a);
}
#mobile-nav {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 15;
  top: 0;
  left: -250px;
  background-color:var(--background-color);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 70px;
}
.mobile-nav-open {
	left:0 !important;
}
#mobile-nav p {
	font-family:'Roboto Slab', serif;
	font-weight:500;
	font-size:18px;
	line-height:30px;
	margin-left:20px;
}
#mobile-nav p.copyright {
	font-size:.6em;
	font-weight:300;
	text-align:left;
}
#mobile-nav-screen {
	position:fixed;
	height:100%;
	width:0%;
	color:black;
	opacity:40%;
	transition: 0.5s;
	z-index:4;
}
.mobile-nav-screen-open {
	width:100% !important;
}

/* Contact us */
#gmap-frame {
	width:100%;
	height:400px;
}

/* Index */
#content-index {
	padding:20px 50px;
	text-align:center;
	min-height:950px;
}
.index-text {
	margin-top:15px;
}
#index-contact-heading {
	padding:10px;
	width:290px;
	margin:auto;
}
#index-contact-heading h2 {
	margin-top:15px;
	margin-bottom:10px;
}
#index-contact-wrap {
	margin-top:20px;
}
#index-contact-wrap a, #index-contact-wrap p {
	display:block;
	margin:8px auto;
	width:290px;
	background-color:var(--main-color-b);
	padding:8px;
	color:white;
	font-weight:500;
	position:relative;
	z-index:10;
}
#index-contact-wrap div  {
	margin:10px auto;
	width:290px;
	background-color:var(--main-color-b);
	padding:10px;
	color:white;
	font-weight:500;
}
.index-house-logo {
	height:150px;
	width:150px;
}

/* Docs */
#docs-grid {
	display:flex;
	flex-direction:row;
	justify-content: left;
	flex-wrap:wrap;
	width:100%;
	margin-bottom:25px;
}
#docs-grid a {
	width:25%;
	min-width:100px;
	text-align:center;
}
#content-docs div {
	padding:10px
}

/* Fees */
#fees-wrapper-desktop, #fees-wrapper-mobile, #fees-bottom-wrapper {
	margin-top:30px;
	margin-bottom:30px;
}
#fees-bottom-wrapper {
	margin-top:10px;
}
#fees-wrapper-mobile {
	display:none;
}
#fees-wrapper-mobile ul {
	margin-left:20px;
}
#fees-wrapper-desktop {
	display:flex;
	flex-direction:row;
	justify-content: center;
	min-width:580px;
}
#fees-wrapper-desktop div {
	text-align:center;
	margin:0 10px;
}
#fees1 {
	width:200px;
}
#fees2 {
	width:110px;
}
#fees3 {
	width:80px;
}
#fees4 {
	width:100px;
}
#fees-wrapper-desktop ul {
	list-style: none;
}
#fees-wrapper-desktop li {
	font-size:0.8em;
	line-height:1.5em;
}
#fees-wrapper-desktop p {
	line-height: 30px;
	margin-bottom:10px;
	font-weight: bold;
}
#fees-wrapper-desktop sup {
	line-height:10px;
}
#fees-bottom-wrapper p {
	margin-top:8px;
	font-size:0.8em;
	line-height:1.5em;
}
#feesbottom2 {
	margin-left:60px;
}

/* Overview */
#content-overview p {
	margin-top:15px;
}

/* Staff */
#staff-grid {
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content: center;
	flex-wrap:wrap;
}
#staff-grid div {
	background-color:white;
	padding:10px;
	margin:8px;
	width:45%;
	min-width:210px;
}
#staff-grid h3 {
	margin:0;
}
.staff-title {
	font-style: italic;
	font-size:0.8em;
}

/* Timeline */
#content-timeline li {
	margin:10px 0 0 25px;
}

/* MEDIA QUERIES */
@media (min-width:1050px) and (max-height:780px) {
	footer {
		position:static;
		top:830px;
	}
	nav, .pole {
		position:absolute;
		top:0;
		bottom:0;
	}
}

@media screen and (max-width:1050px) {
	nav, #footer-seattle {
		display:none;
	}
	.mobile-logo {
		width:100%;
		display:inline-block;
		text-align:center;
	}
	.mobile-logo img {
		width:30%;
	}
	.content { 
		padding:0 10% 130px !important;
		margin:0 0 15%;
	}
	footer {
		padding-left:0;
		margin-top:20px;
	}
	.footer-wrap div {
		min-width:45%;
	}
	#hamburger-button, #call-button { 
		display: inline-block; 
		cursor:pointer; 
	}
	.index-house-logo {
		height:150px;
		width:150px;
	}
	h1 {
		margin-top:10px;
	}
	#staff-grid div {
		width:90%;
		max-width:300px;
	}
}

@media screen and (max-width:700px) {
	#fees-wrapper-desktop {
		display:none;
	}
	#fees-wrapper-mobile {
		display:inline-block;
		margin:0;
	}
	#fees-bottom-wrapper {
		margin:0 0 20px;
	}
	.content {
		padding-top: 22%;
		background-size:35%;
	}
	.mobile-logo img {
		width:40%;
	}
}

@media screen and (max-width:600px) {
	.content {
		background-size:42%;
	}
	.mobile-logo img {
		width:50%;
	}
	h1 {
		margin-top:0;
	}
}

@media screen and (max-width:500px) {
	.mobile-logo img {
		width:55%;
	}
}

@media screen and (max-width:300px) {
	.hamburger-line {
		width:25px;
		height:4px;
		margin:4px 0;
	}
	.mobile-logo img {
		width:60%;
	}
}