.active {
	border-bottom:2px solid black;
	background-color:#EEE
}
.spaced-top{
	padding-top:2em;
}
@media screen and (min-width:480px){
	.spaced-top{
		padding-top:10em;
	}
}
@media screen and (min-width:700px){
	.spaced-top{
		padding-top:4em;
	}
}
.navlink:hover{
	text-decoration:underline;
	background-color:#CCC;
}
.navbar-brand{
	display:none;
}
.navbar{
	position:static;
	display:flex;
	justify-content: space-between;
	border-bottom:2px solid black;
}
.navbar-links{
	width:100%;
}
.navbar-links a{
	display:flex;
	justify-content: center;
	width:100%;
}
.navlink{
	height:1.1em;
	width:100%;
	display:block;
	text-decoration:none;
	background-color:#f8f8f8;
	overflow-y:hidden;
}
.navlink div{
	display:flex;
	justify-content: center;
	margin:0 auto;
}
.navlink, .navlink:visited{
	height:1.1em;
	color:black;
	padding:1em;
	text-decoration:none;
	margin:0px;
}

@media screen and (min-width:800px){
	.navbar-brand{
		padding-left:1em;
		display:flex;
		flex-direction: column;
  	justify-content: center;
	}
}

@media screen and (min-width:480px){
	.navbar{
		font-size:1em;
		min-height:1.1em;
		background-color:#f8f8f8;
		position:fixed;
		top:0px;
		left:0px;
		z-index:3;
		width:100%;
		padding:0px;
	}
	.navbar-links{
		width:auto;
	}
	.navbar-links a{
		display:inline-block;
		width:auto;
	}
	.navlink{
		display:static;
		margin:auto;
		width:auto;
	}
	.navlink, .navlink:visited{
		display:inline-block;
	}
}


/* ---------------------------------- */
/* -------------- Body -------------- */
/* ---------------------------------- */
* {
  margin: 0px;
	overflow-x: hidden;
}
.container {
	width:100%;
	background-color:#EEE;
	height:auto;
}

.container p, .container h1{
	margin-top:0.25em;
	margin-bottom:0.25em;
}

p{
	height:auto;
}
.wrapper {
  background-color:#EEE;
  width:90%;
  margin: auto;
	height:auto;
}

body {
  height: 100%;
  background-color: #EEE;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1,h3 {
	padding-bottom: .5em;
}

.section{
	margin-top:2em;
	margin-bottom:2em;
	font-size:1.1em;
	height:auto;
	overflow:visible;
}

.three-columns{
width: 100%;
padding-left:3%;
padding-right:3%;
display:block;
padding:1em;
border:1px solid #BBB;
}
.three-columns-container{
width:100%;
padding:0px;
margin:0px;
margin-top:1em;
margin-bottom:1em;
}
.icon{
	width:25%;
	display:block;
	margin:auto;
	margin-bottom:1em;
}
@media screen and (min-width:480px){
	.three-columns{
		width:30%;
		display:inline-block;
		background-color:#DADADA;
	}
	.three-columns-container{
		display:flex;
		justify-content:center;
	}
}
.image_large{
	width:100%;
}

.div-underline{
  border-bottom: 2px solid darkgray;
}

.contacttable td{
  text-align:left;
  padding:4px;
  padding-right: 6px;
  border-top:black solid 1px;
  border-bottom: black solid 1px;
}

.parallax, .hero, .hero_image, .hero_overlay{
	display:none;
}

.hero_collage{
	display:none;
}

@media screen and (min-width:700px){
	.hero_collage{
		display:block;
	}
	.parallax {
		display:block;
		perspective: 1px;
		height: 50vw;
		overflow-x: hidden;
		overflow-y: hidden;
		padding:0px;
		margin:0px;
	}
	.hero_image {
		display:inline;
  	width:100%;
  	height:100%;
  	padding:0px;
  	font-size: 2vw;
  	position:fixed;
  	right:0px;
  	top:0px;
  	left:0px;
  	bottom:0px;
		z-index:-1;
  	overflow-x: hidden;
  	overflow-y: hidden;
  	transform:translateZ(0px);
	}
	.hero{
		display:inline;
		width:100vw;
		height:auto;
		margin:0px;
		padding:0px;
	}
	.hero_overlay{
		display:inline;
  	width:50vw;
  	height:100vh;
  	padding:2em;
  	padding-top:25em;
		padding-left:2em;
  	font-size: 1vw;
  	position:absolute;
  	left:0px;
  	top:0px;
		color:white;
		text-shadow: 3px 3px black;
	}
	.hero_overlay h1{
  	font-size: 3vw;
	}
	.hero_overlay p{
  	font-size: 2.5vw;
	}
}

.button {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: white;
	border-radius: 15px;
	padding: 10px;
	width:auto;
	text-decoration:none;
}
.button:hover{
	text-decoration:underline;
	background-color: #236aa7
}
@media screen and (min-width:480px){
	.wrapper{
		width:65%;
		margin:auto;
	}
}

.team-container {
	width:100%;
	padding-left:5%;
	padding-right:5%;
}
.team-info {
	display:grid;
	grid-template-columns:10% auto;
}
.team-info * {
	grid-column: auto;
	grid-row:auto;
	width:90%;
	padding:1em;
}


/* ---- Footer ---- */
.footer {
  background-color: #484848;
  color: white;
  padding: 15px;
	width:100%;
	height:auto;
}

.footer a, .footer a:visited, .footer a:hover, .footer a:active {
  color: white;
	margin:.2em;
}

.footer-left, .footer-mid, .footer-right{
	display:inline-block;
	margin-right:10em;
	height:auto;
}

.footer-left li, .footer-mid li{
	text-decoration-style:none;
	display:block;
	padding:.1em;
}

.footer-right{
	margin-right:1em;
}