header.masthead {
    background: #fff;

}



header.masthead h1 {
    text-align: center;
    margin: 20px 10px 40px 10px;
    padding: 10px 10px 50px 10px;
    color: #FFF;
    font-size: 40px;

}


header.masthead > .overlay {
    padding: 0px 0px 0px 0px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.9); 
}


header.masthead > .overlay-1 {
    padding: 40px 0px 0px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-about-us.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}



header.masthead > .overlay-about {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-about-us.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-farms {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-our-farms.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-faqs {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-faqs.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-animals {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-our-animals.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-brands {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-our-brands.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}


header.masthead > .overlay-products {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-products.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-recipes {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-recipes.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-gallery {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-gallery.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}


header.masthead > .overlay-distributors {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-distributors.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}


header.masthead > .overlay-stockists {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-stockists.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-charities {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-charities.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}

header.masthead > .overlay-employment {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-employment.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}



header.masthead > .overlay-contact {
    padding: 50px 0px 2px 0px;
    text-align: center;
    background: #fff;
    background: url('/images/headers/header-contact.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;    

}



@media (min-width: 1199px) {
    
    header.masthead > .overlay {
        padding: 80px 0px 100px 0px;
    }
    
header.masthead h1 {
    text-align: center;
    margin: 50px 40px 30px 40px;
    padding: 20px;
    color: #FFF;
    font-size: 60px;

}    

}


.overlay-background {
    display: table;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.70);
    color: #fff;
}