#kc-header-wrapper {
	font-weight: bold;
	color: #363636;
	padding: 200px 10px 0px;
	display: flex;
}
#kc-header {
	color: #fff;
	font-weight: 600;
}

.login-pf-page {
	max-width: 500px;
	margin: 0 0 0 10%;
}

.login-pf body {
	background: url("../img/shutterstock_1571360725.jpg") no-repeat center
		center;
	background-size: cover;
}

.pf-c-form-control {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #fff;
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
	border-bottom: 2px solid #fff;
	background-color: #BFD6CF;
}

.pf-c-button.pf-m-primary {
	color: #fff;
	background-color: #87A191;
	border-radius: 4px;
	padding: 8px;
	text-transform: uppercase;
}

.pf-c-button.pf-m-block {
	width: 50%;
	margin: 0 25%;
}

.card-pf {
	border: 2px solid #fff;
	border-radius: 4px;
	background: rgba(223, 238, 229, 0.8);
}

.login-pf a, .login-pf a:hover {
	color: #676E6A;
}

.login-pf a:hover {
	text-decoration: underline;
}

#kc-info-wrapper {
	background-color: #87A191;
	color: #fff;
}