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

/* People */
/*----------------------------------------------------------------------------*/
.pubs-title{
	width: 100%;
	height: 100vh;
  display: flex;
  justify-items: center;
  background-image: url("../images/office_library_hex.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);
}
.pubs-title-wrapper{
	display: flex;
	flex-direction: column;
	width: 100%;
  align-items: center;
  justify-content: center;
}
.pubs-leaf{
	width: 100%;
	text-align: center;
}
.pubs-leaf img{
	width: 100px;
	transition: all 200ms ease-in-out;
}
.pubs-leaf:hover img{
	-webkit-animation: flip 4s linear infinite;
	-moz-animation: flip 4s linear infinite;
	animation: flip 4s linear infinite;
}
@-moz-keyframes flip {
	50% { -moz-transform: rotateY(360deg); }
	100% { -moz-transform: rotateY(0deg); }
}
@-webkit-keyframes flip {
	50% { -webkit-transform: rotateY(360deg); }
	100% { -webkit-transform: rotateY(0deg); }
}
@keyframes flip {
	50% {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
	}
	100% {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}
.pubs-content{
	width: 100%;
	min-height: 100vh;
	background-image: url("../images/office_library_matrix.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);
	padding: 4vh 0;
}
.pubs-card{
	background-color: var(--white70);
	border-radius: 20px 20px 0 0;
	margin: 4vh 10vw;
}
.pubs-card:hover .pubs-card-header{
	background-color: var(--lblack90);
}
.pubs-card:hover{
	background-color: var(--white80);
}
.pubs-card-header{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	background-color: var(--lblack70);
	color: var(--white);
	border-radius: 20px 20px 0 0;
	padding: 2vh 2vw;
}
.pubs-card-header img{
	width: 50px;
	padding: 0 10px;
}
.pubs-card-header h3{
	font-size: 1.2rem;
}
.pubs-card-content{
	padding: 2vh 2vw;
	text-align: left;
}
.pubs-card-content h4{
	text-align: center;
	font-size: 1.3rem;
}
.pubs-card-content h5{
	text-align: center;
	font-size: 1.1rem;
}
.pubs-card-content h6{
	font-size: 1rem;
	padding-top: 20px;
}
.pubs-card-images{
	width: 100%;
	display: block;
	text-align: center;
	padding-top: 20px;
}
.pubs-card-images img{
	width: 33%;
	height: auto;
	padding: 5px;
	border-radius: 10px;
	transition: all 300ms ease-in-out;
}
.pubs-card-images img:hover{
	transform: scale(1.5);
	padding: 0;
	border: 2px solid var(--purple90);
}
.pubs-subtitle{
	font-weight: bold;
	font-size: 1.1rem;
}
.pubs-bold{
	font-weight: bold;
}
.pubs-link{
	font-weight: bold;
	color: var(--dgreen);
	opacity: 0.8;
	transition: all 200ms ease-in-out;
}
.pubs-link:hover{
	opacity: 1;
}
.pubs-link:active{
	transform: scale(0.98);
}
.pubs-link-text{
	display: flex;
	align-items: center;
	margin: 0 0 2vh 45vw;
	padding: 0.4rem 0 0.4rem 1rem;
	font-size: 1.4rem;
	color: var(--white);
	border-radius: 20px 0 0 20px;
	background-color: var(--dgreen);
	opacity: 0.8;
	transition: all 200ms ease-in-out;
}
.pubs-link-text p{
	padding-left: 5px;
}
.pubs-link-text:hover{
	opacity: 1;
}
.pubs-link-text:active{
	background-color: var(--lblack90);
}
.footer{
	bottom: 0vh !important;
}

/*----------------------------------------------------------------------------*/
/* Cell phone screen */
/*----------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px){
.top-title-black{
	font-size: 8vh;
}
.pubs-card{
	margin: 4vh 4vw;
}
.pubs-card-header{
	padding: 2vh 6vw;
}
.pubs-card-header img{
	width: 80px;
}
.pubs-card-header h3{
	font-size: 2.5rem;
}
.pubs-card-content h4{
	font-size: 2.2rem;
}
.pubs-card-content h5{
	font-size: 1.8rem;
}
.pubs-card-content h6{
	font-size: 2.2rem;
}
.pubs-card-images img{
	width: 100%;
}
.pubs-subtitle{
	font-size: 2.2rem;
}
.pubs-link-text{
	margin: 0 0 2vh 25vw;
	border-radius: 100px 0 0 100px;
	font-size: 4.5rem;
}
.pubs-link-text p{
	font-size: 2.8rem;
}
}