body {
	font-family: 'Open Sans', sans-serif !important;
}

.logo-hanover {
	width: 140px;
}

@media (max-width: 768px) {
	.logo-hanover {
		width: 100px;
	}
}

.hanover-jumbotron {
	width: 100%;
	height: 400px;
	display: block;
}

.hanover-jumbotron::after {
	content: '';
	top: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, .6);
	width: 100%;
	height: 100%;
	display: block;
}

.hanover-jumbotron .container-fluid {
	z-index: 5;

}

.bd-placeholder {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-lg {
		font-size: 3.5rem;
	}
}

.bg-developer {
	background: url(/assets/img/bg-developer.jpg);
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	position: relative;
}

.bg-developer::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


.developer-content {
	z-index: 99;
	position: relative;
}

.developer-bio {
	background-color: transparent !important;
	position: relative;
	height: 350px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.developer-bio {
		height: 450px;
	}
}

.developer-name {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: .6rem 1rem;
	margin: 0;
	background-color: rgba(0, 0, 0, .6);
	font-family: monospace;
}

.developer-bio:hover .developer-info {
	transform: translate(0%, 0%);
	transition: all .5s;
}

.developer-bio:hover .developer-name {
	display: none;
}

.developer-bio img {
	border-bottom-right-radius: 2.5rem;
	border-top-left-radius: 2.5rem;
	height: 100%;
	object-fit: cover;
}

.developer-bio .developer-info {
	font-size: 14px;
	padding-top: 2rem;
	padding: 2rem 1.5rem;
	border-bottom-right-radius: 2.5rem;
	border-top-left-radius: 2.5rem;
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .6);
	left: 0;
	transform: translate(100%, 100%);
	transition: all .5s;
}

.mono-font {
	font-family: monospace;
}