html, body{
  overflow: auto !important;
  margin: 0 !important;
}

/* People */
/*----------------------------------------------------------------------------*/
.people-title{
	width: 100%;
	height: 100vh;
  display: flex;
  justify-items: center;
  background-image: url("../images/office_white_matrix.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  will-change: transform;
  transition: all 1.2s cubic-bezier(0.22, 0.44, 0, 1);
}
.people-title-wrapper{
	width: 100%;
  align-content: center;
}
.people-details{
	width: 100%;
	min-height: 100vh;
	background-image: url("../images/office_aloe_hex.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: column nowrap;
  will-change: transform;
  transition: all 1.7s cubic-bezier(0.22, 0.44, 0, 1);
}
.people-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 1vw;
}
.people-item{
	width: 28%;
	max-width: 380px;
	height: 70vh;
	display: flex;
	flex-direction: column;
	background-color: var(--white60);
	color: var(--black);
	padding: 3vh 2vw;
	margin: 2vh 2vw;
	transition: all 200ms ease-in-out;
}
.people-item:hover{
	background-color: var(--white80);
}
.people-item img{
	width: 60%;
	border-radius: 50%;
}
.people-item-header{
	width: 100%;
}
.people-item-info{
	width: 100%;
	padding-top: 2vh;
}
.people-item h3{
	font-size: 1.3rem;
}
.people-item h4{
	font-size: 1.0rem;
}
.people-item p{
	text-align: left;
	padding-bottom: 1vh;
	font-size: 0.8rem;
}
.people-papers{
	text-align: center;
}
.people-links{
	text-align: center;
	padding: 2vh 0;
}
.people-links i{
	transition: all 200ms ease-in-out;
}
.people-links i:hover{
	background-color: var(--dgreen60);
}
.people-links i{
	margin: 0 0.5vh;
	padding: 0.8rem;
	font-size: 1.4rem;
	color: var(--black);
	border-radius: 50%;
	background-color: var(--lgreen);
}
.footer{
	bottom: 0vh !important;
}

/*----------------------------------------------------------------------------*/
/* Cell phone screen */
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px){
.top-title-black{
	font-size: 8vh;
}
.people-wrapper{
	width: 100%;
	flex-wrap: wrap;
	margin: 6vh 0;
}
.people-item{
	width: 100%;
	max-width: 100%;
	height: 100vh;
	display: block;
	padding: 8vh 2vw;
	margin: 2vh 0;
}
.people-item-header{
	width: 100%;
}
.people-item-info{
	width: 100%;
	text-align: center;
	padding: 2vh 2vw 0;
}
.people-item img{
	width: 65%;
}
.people-item h3{
	font-size: 4rem;
}
.people-item h4{
	font-size: 3rem;
}
.people-item p{
	padding-bottom: 1vh;
	text-align: center;
	font-size: 2.5rem;
}
.people-papers{
	font-size: 3rem;
}
.people-links{
	padding-top: 2vh;
}
.people-links i{
	font-size: 5rem;
}
}