/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Home Hero Item CSS Styling */

section.hero-block {
    padding-top: 30px;
}

section.hero-block h1.home-block-text.home-hero-block-title {
    font-family: 'Microbrew Three';
    font-size: 5rem;
}

section.hero-block article.home-hero-block-contents {
    padding: 10px 0px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

section.hero-block article.home-hero-block-contents h1 {
    padding-left: 33px;
    padding-left: var(--margin);
    padding-right: 33px;
    padding-right: var(--margin);
}

section.hero-block article.home-hero-block-contents div.home-block-text > p {
    margin: auto;
    margin-bottom: 33px;
    margin-bottom: var(--margin);
    padding-left: 33px;
    padding-left: var(--margin);
    padding-right: 33px;
    padding-right: var(--margin);
    max-width: 80ch;
}

/* Override margin-top -115px assigned to .cta on #home */
#home section.hero-block article.home-hero-block-contents a.cta {
    margin-top: 0;
    margin-bottom: 33px;
    margin-bottom: var(--margin);
}


/* This was the old gradient for the home page product background
    this has been turned off */
section.hero-block figure.home-hero-figure {
    /* background-image: linear-gradient(to bottom, #f6f0ed, #f6f0ed 60%, #DED9D6 40%, #F6F1ED);
    background-size: cover;
    background-repeat: no-repeat; */
}
<<<<<<< HEAD
=======

>>>>>>> pushing my local version after working through amends
.home section.hero-block figure.home-hero-figure {
    padding: 0 var(--margin);
}

section.hero-block figure.home-hero-figure img {
    margin: auto;
    display: block;
    min-height:1px;
}

@media screen and (max-width: 767px) {
    section.hero-block figure.home-hero-figure {
        display: none;
    }
    section.hero-block figure.home-hero-figure.mobile-only {
        display: block;
         min-height:1px;
    }
}
@media screen and (min-width: 767px) {
    section.hero-block figure.home-hero-figure {
        display: block;
         min-height:1px;
    }
    section.hero-block figure.home-hero-figure.mobile-only {
        display: none;
    }
>>>>>>> pushing my local version after working through amends
}