body {   
	padding: 0;
	margin: 0;
	font-family: "Segoe UI",system‐ui,‐apple‐system,"Helvetica Neue",Arial,Helvetica,sans-serif; 
	font-size: 1em;
	background: #f4f4f4;
} 

h2, h3, h4, p { font-weight: 400; margin-top: 8px; margin-bottom: 8px; }
h4 { padding: 20px 0; }

@media (max-width: 991.98px) {
	h2 { font-size: 1.25em; }
	h3 { font-size: 1.15em; } 
	h4 { font-size: 1em; }
}
@media (min-width: 992px) {
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.25em; } 
	h4 { font-size: 1.15em; }
}
.small {	font-size: .85em; }
.head { 
	padding: 10px; 
	margin-bottom: 20px; 
	text-align: center;
	background: #fff; 
	box-shadow: rgba(0, 0, 0, 0.25) 0px 0 7px 2px;
}
.center { margin: 0 auto; padding: 10px; max-width: 1270px;  }
.box { 
	margin: 10px auto 30px; 
	padding: 10px 0 20px; 
	max-width: 900px;  
	text-align: center;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 12px -3px;
	border-radius: 3px;
	background: url(bg.jpg) no-repeat top left #fff;
}


@media (max-width: 991.98px) {
	.box h4 { font-size: 1.3em; }
}
@media (min-width: 992px) {
	.box h4 { font-size: 2em; }
}

a { color: #000; text-decoration: underline !important; }
a:hover { text-decoration: none; } 

footer { 
	padding: 20px 0;
	margin-top: 30px;
	width: 100%;
	background: #fff; 
	border-top: 1px solid #ccc;
}

footer a { text-decoration: none !important; line-height: 2.25em; }

.img-fluid {
  max-width: 100%;
  height: auto;
}

.button {
  margin: 10px 0; 
  padding: 1.25rem 2.5rem;
  display: inline-block;
  background-color: #095934;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 400;
  text-decoration: none;
  border: none;
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  cursor: pointer;
  box-shadow: 0 16px 32px -20px rgb(0, 0, 0, 0.75);
}
.button:hover {
  background-color: #0f7e4a;	
  box-shadow: none;
}