.hero-bg{position:relative;height:420px;width:auto;background-size:cover;background-position:50% 100%;background-repeat:no-repeat;padding:0}.hero-bg .text-overlay{font-family:Helvetica,Arial,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2em;border-radius:6px;overflow:hidden;max-width:850px}@media screen and (max-width:767px){.hero-bg .text-overlay{width:90%;max-width:100%;max-height:100%;left:50%;height:90%}}