/* *****
This is a CSS partial, minified file. It is referenced by the theme by default in theme.liquid.
If you would like to edit this code we recommend swapping to the un-minified version.
For full details and instructions please see our documentation:
https://support.weareeight.com/hc/en-us/articles/360020236137-Un-minified-CSS-Javascript
***** */
.homepage-section--text-over-image-wrapper .hero__title,.homepage-section--text-over-image-wrapper .rte{max-width:90%;margin-left:auto;margin-right:auto}.hero__inner{display:table-cell;padding:50px 0;position:relative;vertical-align:middle;z-index:2}.hero__inner .page-width{max-width:700px;margin:auto}.hero__inner .btn{margin:30px 0 0 0}.hero__inner .textarea a{text-decoration:underline!important;color:var(--color-image-overlay-text);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.hero__inner .textarea a:hover{color:var(--color-image-overlay-text);text-decoration:none!important;opacity:.6}

@media screen and (min-width: 768px) {
  .hero__inner {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) { 
  .hero__inner {
    padding-right: 15px;
    padding-left: 15px;
  }

  .hero-mbl-image {
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
}