html {
	height: 100%;
}
@media (min-width: 768px) {
	html {
		height: 100%;
		font-size: 16px;
	}
}
body {
	height: 100%;
	background-color: #293034;
}
label.col-form-label.required:after, label.form-label.required:after {
	content: " *";
	color: red;
}
.table-middle td, .table-middle th, .table-middle tr {
	vertical-align: middle !important;
}
.table-center td, .table-center th {
	text-align: center !important;
}
.merriweather {
	font-family: "Merriweather Sans", serif;
}
.bg-farmers {
	background-color: #A78186 !important;
}
.bg-households {
	background-color: #78c2cc !important;
}
.btn-bg-white {
	background-color: white;
}
.btn-brand-green {
	background-color: #97C33F !important;
}
.btn-active {
	content: " *" !important;
	color: green !important;
}
.scrollToAbout {
	cursor: pointer;
}
.home-bg-gradient {
	background: rgb(150,201,61);
	background: linear-gradient(180deg, rgba(150,201,61,1) 0%, rgba(17,176,155,1) 75%); 
	position: relative;
}
.hero-icons-left {
	background-image: url("../branding/bg-hero-icons-left400.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 100%;
	z-index: 1;
	pointer-events: none;
}
.hero-icons-right {
	background-image: url("../branding/bg-hero-icons-right400.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
	width: 100%;
	z-index: 1;
	pointer-events: none;
}
.videoContainer {
	background-color: black;
}
.biodiversity-low {
	background-color: #EC6640 !important;
}
.biodiversity-reduced {
	background-color: #F7A836 !important;
}
.biodiversity-high {
	background-color: #97C33F !important;
}
.icon75 {
	max-width: 75px;
}