h1 {
	font-size: 1.1em;
}
h2 {
	font-size: 1.05em;
}
h3 {
	font-size: 1em;
}
h4 {
	font-size: 1em;
}
.color-primary {
	color: #5FA966;
}
.text-xs {
	font-size: .8em;
}
.text-md {
	font-size: .9em;
}
.text-lg {
	font-size: 1.1em;
}
.text-xl {
	font-size: 1.2em;
}
.h-30 {
	height: 33% !important
}
.w-30 {
	width: 33% !important
}
.shadow {
	box-shadow: 0 .2rem .2rem rgba(0, 0, 0, .20) !important;
}
ul.fa-ul {
	margin-left: 36px;
}
ul.fa-ul li {
	margin: 4px 0 4px 0;
}
ul.fa-ul li i {
	color: #5FA966;
	font-size: 1em;
	margin-right: 6px;
}
article i, a i {
	color: #5FA966;
	font-size: 1em;
	margin-right: 6px;
}
.breadcrumb a {
	color: #000 !important;
	text-decoration: none !important;
}
.breadcrumb a i {
	color: #5FA966;
}
.color-primary {
	color: #5FA966;
}
.footer .badge {
	background-color: #5FA966;
}
.modal-skew {
	-webkit-transform: skew(-4deg);
	-moz-transform: skew(-4deg);
	-ms-transform: skew(-4deg);
	-o-transform: skew(-4deg);
	transform: skew(-4deg);
	background-color: #fff;
	z-index: 10
}
.modal-skew > div > div {
	-webkit-transform: skew(4deg);
	-moz-transform: skew(4deg);
	-ms-transform: skew(4deg);
	-o-transform: skew(4deg);
	transform: skew(4deg);
	margin: 0 20px;
}
.modal-bg-left {
	left: 20px;
	z-index: 1;
}
.modal-bg-right {
	right: 20px;
	z-index: 1;
}
.modal-flyer {
	min-height: 520px;
}
.modal-content h1, .modal-content h2 {
	color: #5FA966;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 10px 6px 20px 6px;
}
.modal-content h1 {
	font-size: 1.4rem;
	margin: 0;
}
.modal-content ul.fa-ul {
	margin: 20px 6px 10px 36px;
}
.modal-content a {
	color: #212529;
}
.modal-content p {
	margin: 0px 6px 0px 6px;
	padding: 2px;
}
.modal-content i {
	color: #5FA966;
	margin-right: 20px;
	font-size: 1.1em;
}
.message {
	display: none;
}
/* --- footer ------------------------------------------------------------------ */
.footer-updates, .footer-updates h6, .footer-updates a {
	font-size: 92%;
}
@media (min-width: 576px) {
	.modal-dialog {
		max-width: 94%
	}
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	.modal-dialog {
		max-width: 1140px;
	}
	#img-header {
		position: relative;
	}
	#img-header > img {
		z-index: 0;
	}
	.navbar * {
		font-size: 96%;
	}
	#nav-main .nav-link {
		background-color: #efefef;
		color: #000;
		margin: 6px;
		border: 1px solid #dee2e6;
		border-bottom: 10px solid #dee2e6;
		position: relative;
		padding-right: 8px;
		transition: border-color 0.4s ease-out;
	}
	#nav-main .nav-link:first-of-type {
		margin-left: 0;
	}
	#nav-main .nav-link:hover {
		border-bottom: 10px solid #5FA966 !important;
	}
	#nav-main .nav-link-active {
		border-bottom: 10px solid #5FA966 !important;
	}
	#nav-main .nav-link i {
		position: absolute;
		bottom: 6px;
		right: 6px;
		color: #5FA966;
		transition: display 0.4s ease-in;
	}
	#nav-main .nav-link span {
		display: none;
		height: 40px;
		position: absolute;
		width: calc(100% + 2px);
		bottom: -40px;
		background-color: #f8f9fa;
		left: -1px;
		z-index: 103;
		transition: display 0.4s ease-in;
		border-left: 1px solid #5FA966;
		border-right: 1px solid #5FA966;
	}
	#nav-main .nav-link.active {
		border-top: 10px solid #5FA966 !important;
		border-left: 1px solid #5FA966 !important;
		border-right: 1px solid #5FA966 !important;
		margin-top: -4px;
		box-shadow: 0 .3rem .3rem rgba(0, 0, 0, .2) !important;
		background-color: #f8f9fa;
	}
	#nav-main .nav-link.active i {
		display: none !important;
	}
	#nav-main .nav-link.active span {
		display: block;
	}
	#nav-sub {
		position: absolute;
		background-color: #f8f9fa;
		width: calc(100% - 16px);
		height: 100%;
		top: 8px;
		left: 8px;
		display: none;
		z-index: 110;
		border-top: 1px solid #5FA966 !important;
		border-bottom: 10px solid #5FA966 !important;
		border-left: 1px solid #5FA966 !important;
		border-right: 1px solid #5FA966 !important;
	}
	#nav-sub a {
		color: #000;
	}
	#nav-sub .fa-times {
		position: absolute;
		bottom: 10px;
		right: 10px;
		color: #999;
		font-size: 1.2rem;
	}
	.flexbox {
		width: 100%;
		height: 100%;
	}
	.flexbox > div {
		flex-basis: 22%;
		width: 33%;
	}
}
@media (min-width: 1200px) {
	.navbar * {
		font-size: 1rem;
	}
}