.row {
    width: 67rem;
    max-width: 97%;
}

html {
    font-size: 13px;
}

@media screen and (min-width: 700px) {
  html {
    font-size: calc(13px + 5 * ((100vw - 700px) / 500));
  }
}
@media screen and (min-width: 1200px) {
  html {
    font-size: 18px;
  }
}

h1, h2, h3, h4, h5, p, li {
    color:#2b2b2b;
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:3.5rem;
    margin-bottom: 0;
}

h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:2.3rem;
}

.header h2 {
    font-family: 'Open Sans', sans-serif;
    font-size:1.5rem;
}

h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:1.2rem;
    margin-bottom:0;
}

p, li {
    font-family: 'Open Sans', sans-serif;
}

a, .icon {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.green-panel {
    background-color:rgb(70,97,45);
    padding: 1rem 0 0.25rem;
    border-top:0.25rem solid white;
}

.green-panel p, .green-panel h3 {
    color:white;
}

.products-outer-panel {
    background-size:cover;
    background-position:center center;
    padding:4rem 0 3.5rem;
}

.products-outer-panel h2 {
    color:white;
}

.white-panel {
    padding:4rem 0 3.5rem;
}

.products-panel {
    background-color: rgba(255,255,255,0.85);
    padding:1.25rem 1.5rem 0.5rem;
    margin-top:1rem;
}

.header {
    padding: 7vw 0 27vw;
    background-size: cover;
    background-position:center center;
}

.header-title-area {
    background-color: rgba(70,97,45,0.7);
    padding:0.75rem 0
}

.header h1, .header h2 {
    color:white;
}

.contact-outer-panel {
    background-size:cover;
    background-position:center center;
    padding:5rem 0;
}

.contact-panel {
    background-color:rgba(70,97,45,0.8);
    padding:2rem 1.5rem 2rem;
}

.contact-panel h2, .contact-panel p, .contact-panel p a {
    color:white;
}

.contact-panel h2 {
    text-align:center;
    margin-bottom: 1.5rem;
}

.contact-panel p {
    font-weight:600;
    font-size:1.5rem;
    text-align:left;
}

.contact-panel p a:hover {
    color:#ffbd4f;
}

.about-image {
    background-image:url('about-image.jpg');
    min-height:200px;
    background-size:cover;
    background-position:bottom center;
}

.faqs-image {
    background-image:url('faqs-image.jpg');
    min-height:350px;
    background-size:cover;
    background-position:bottom left;
}

.contact-panel svg {
    height:2rem;
    width:2rem;
    margin-right:1rem;
    vertical-align: text-top;
}

.icon {
    fill:white;
    height:2rem;
    width:2rem;
}

.contact-panel p a:hover .icon {
    fill:#ffbd4f;
}

.footer p {
    font-size:0.9rem;
}

.parallax-window {
  min-height: 200px;
  background: transparent;
 }
 
 /* Small only */
@media screen and (max-width: 39.9375em) {
    .about-image, .faqs-image {
        margin-top:1rem;
    }
    .white-panel, .products-outer-panel {
        padding-top:3rem;
    }
    h2 {
        font-size:2rem;
    }
    .contact-panel p {
        font-size:1.2rem;
    }
    .contact-panel svg {
        height:1.5rem;
        width:1.5rem;
        margin-right:0.5rem;
    }
    .footer p {
        font-size:0.8rem;
    }
    h1 {
        font-size: 2.8rem;
        line-height:1.1;
        margin-bottom:0.5rem;
    }
    .header {
        padding: 16vw 0 68vw;
        background-size: cover;
        background-position: center left;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .header {
        padding: 7vw 0 42vw;
    }
}