/* Reset Styling */
/*
  v2.0 | 20110126
  http://meyerweb.com/eric/tools/css/reset/
  License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-spacing: 0;
  border-collapse: collapse; }

/* General Styling */
html {
  font-size: 12px;
  width: 100%;
  height: 100%; }

body {
  font-family: Avenir;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.15;
  width: 100%;
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  color: #1e1b27; }

h1 {
  font-size: 175%;
  font-weight: bold;
  text-transform: uppercase; }

h2 {
  font-size: 135%;
  font-weight: bold;
  text-transform: uppercase; }

h3 {
  font-size: 125%;
  font-weight: bold;
  text-transform: uppercase; }

h4 {
  font-size: 125%;
  font-weight: bold; }

h5 {
  font-size: 112.5%;
  font-weight: bold; }

h6 {
  font-size: 100%;
  font-weight: bold; }

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

p {
  font-size: 100%;
  font-weight: normal;
  margin-bottom: 1em;
  line-height: 1.15; }

section {
  display: inline-block; }

.button {
  background-color: #3e5931;
  padding: 0.75em 1em;
  display: inline-block;
  text-decoration: none;
  text-align: center; }

.button-text {
  text-transform: uppercase;
  color: #fff;
  font-size: 100%; }

.button:hover {
  background-color: #6c9b55; }

.section {
  display: block;
  width: 100%; }

@media (max-width: 1024px) {
  body {
    font-size: 15px;
    max-width: 768px; } }
/* Banner */
.page-header {
  background: #f7f5e8 url("../images/home/banner.jpg") no-repeat center center;
  background-size: cover;
  text-align: center;
  min-height: 480px; }

.page-header .shell {
  padding: 5% 10%; }

.page-title {
  margin-bottom: .5em; }

@media (max-width: 1024px) {
  .page-header {
    min-height: 360px; }

  .page-header .shell {
    padding: 5% 20%; } }
/* Body */
.body {
  background: #f7f5e8 url("../images/home/intro-bg.png") no-repeat -4px 315px;
  background-size: 100%; }

@media (max-width: 1024px) {
  .body {
    background-position: -4px 234px; } }
@media (max-width: 576px) {
  .body {
    background-position: -4px 427px; } }
/* Intro */
.intro {
  border-bottom: 0.5em solid #1e1b27;
  border-bottom: 0.5em solid rgba(30, 27, 39, 0.75); }

.logo {
  width: 25%;
  padding: 5% 2.5% 20% 7.5%;
  vertical-align: middle; }

.intro-body {
  width: 55%;
  padding: 5% 5% 20% 5%;
  vertical-align: middle;
  text-align: justify; }

.intro-title {
  margin-bottom: 1em; }

.intro-copy {
  margin-bottom: 1em; }

.intro-action {
  width: 90%;
  margin: 0 auto; }

@media (max-width: 576px) {
  .logo {
    display: block;
    width: 15%;
    padding: 5% 0;
    margin: 0 auto; }

  .intro-body {
    display: block;
    width: 70%;
    padding: 0;
    margin: 0 auto 20%; } }
/* Middle */
.middle-header {
  width: 40%;
  text-align: center;
  display: inline-block;
  vertical-align: top; }

.middle-header > .shell {
  padding: 12.5%; }

.middle-body {
  width: 60%;
  display: inline-block;
  vertical-align: top; }

.middle-title {
  margin-bottom: 2em; }

.features-list {
  list-style: disc outside url("../images/home/leaf.png");
  margin-left: 4em;
  text-align: left; }

.leaf-bullet {
  text-transform: lowercase;
  font-style: oblique;
  padding-left: 1em;
  margin-bottom: 1em; }

.image {
  width: 33.33333%;
  display: inline-block;
  vertical-align: top; }

@media (max-width: 768px) {
  .image:nth-child(3) {
    display: none; }

  .image {
    width: 50%; } }
@media (max-width: 576px) {
  .middle-header {
    width: 60%; }

  .middle-body {
    width: 40%; }

  .image:nth-child(2) {
    display: none; }

  .image {
    width: 100%; } }
@media (max-width: 480px) {
  .middle-header {
    width: 100%; }

  .middle-body {
    display: none; } }
/* Footer */
.page-footer {
  background: #f7f5e8 url("../images/home/sect4-bg.jpg") no-repeat center center;
  background-size: cover; }

.page-footer > .shell {
  padding: 10%; }

.footer-header {
  background: #f7f5e8 url("../images/home/sect4-title-bg.png") no-repeat center center;
  background-size: 100% 100%;
  width: 60%;
  text-align: center;
  z-index: 20;
  position: relative; }

.footer-header > .shell {
  padding: 10%; }

.footer-title {
  margin-bottom: 1em; }

.footer-image {
  width: 60%;
  z-index: 10;
  margin-top: -10%;
  position: relative; }

@media (max-width: 576px) {
  .footer-header > .shell {
    padding: 10% 20%; } }

/*# sourceMappingURL=style.css.map */