body{
	font-family: "neue-haas-grotesk-display", sans-serif;
	-moz-font-feature-settings: "ss02";
	-webkit-font-feature-settings: "ss02";
	font-feature-settings: "ss02";
	font-weight: 700;
	padding: 60px;
	position: relative;
	min-height: 100vh;
}

h1, h3, p, .p{
	font-size: 1.5rem; 
	line-height: 125%;
	margin-bottom: 30px;
}

a{ color: inherit; text-decoration: none; }
a:hover{ color: #999999; }

main{ padding-bottom: 60px; }
footer{
	width: 100%;
	position: absolute;
	bottom: 0; 
	left: 0;
	padding-left: 60px;
	padding-right: 60px;
}
footer p,
footer a{
	font-size: 1.3333rem;
}

.slick{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 80vw;
	max-height: 80vh;
}

.mySwiper{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%); 
	max-height: 100%;
}

.mySwiper img{
	max-height: 80vh;
}
.o-0{ opacity: 0;z-index: -1; }

.team a{ position: relative; }
.team a .hoverbox{ display: block; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left:0; z-index: 99; }

.slick .slick-slide{ text-align: center; width: 100%; height: 80vh; }
.slick .slick-slide img{ max-height: 80vh; display: inline-block; background-color: #FFF; max-width: 100%; max-height: 100%;  } 

.slick .slick-slide img.vis{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.slick .slick-slide img.op{ opacity: 0; }


@media screen and (min-width:800px){
	
	.team-link:hover .o-0{ opacity: 1; z-index: 2; }

}

@media screen and (max-width:767px){
	
	body, footer{ padding: 40px 20px; }
	
	h1, h3, p, .p{
		font-size: 1.3333rem; 
		
	}
		
	footer p,
	footer a{
		font-size: 1.2rem;
	}
	
}