body {
	font-family: "Roboto", sans-serif !important;
}

.navbar.bg-light {
	background-color: #fbf4f7 !important;
	border-bottom: 5px solid #999900;
}

.navbar-logo {
	height: 2.5rem;
}

.kfm-box-button {
	display: inline-block;
	color: white;
	text-align: center;
	background-color: #641e3c;
	border-radius: 5px;

}
.kfm-box-button img {
	height: 80px;
	width: 100px;

}
.card {
	max-height: 212px !important;
	border: none !important;
	-moz-box-shadow: 0.1875rem 0.125rem 0.3125rem 0.0625rem #828282;
	-webkit-box-shadow: 0.1875rem 0.125rem 0.3125rem 0.0625rem #828282;
	box-shadow: 0.1875rem 0.125rem 0.3125rem 0.0625rem #828282;
}
.card:focus {
	outline: none;
	box-shadow:  0 0 0 0.25rem #999900 !important;
	-webkit-box-shadow: 0 0 0 0.25rem #999900 !important;
	-moz-box-shadow:  0 0 0 0.25rem #999900 !important;
}

.kfm-box-button:hover {
	cursor: pointer;
	color: white;
	background-color: #9b2c5e;
	text-decoration: none;
}

a.card {
	text-decoration: none !important;
}

.kfm-header-lg {
	font-size: 36px;
	line-height: 1.05;
	font-weight: 700;
	margin-bottom: 30px;
	color: #4a4a4a;
}

.kfm-text-md {
	font-size: 19px;
	line-height: 1.3;
}

.kfm-text-sm {
	font-size: 16px;
	line-height: 1.25;
}

.kfm-text-color-2 {
	color: #58585B;
}

.kfm-box {
	width: 100%;
}

.bg-light {
	background: white !important;
	border-bottom: 3px solid #990;
}

.navbar-brand {
	padding: 30px 20px;
}
 
body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	min-height: 100vh;
}

main {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-bottom: 3.75rem;
}
	
.footer {
	margin-top: auto;
	padding-top: 3.75rem;
	padding-bottom: 15px;
	background-color: #0C2639; //f3f3f3
}
	
hr {
	border-color: #ffffff;
}