.hs-hero {
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: visible;
  z-index: 1;
}
.hero-flat{
  padding-top:3rem;
  max-width:100%;
  margin-top:2.25rem;
  text-align:left;
}
.quote-hero{
  display:inline-flex;
  padding-right:20px;
}
.quote-img{
  display:inline-flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  margin-bottom:-2rem;
}

@media only screen and (min-width: 401px) {
  .hs-hero {
    padding-left: 2em;
    padding-right: 2em;
  }
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .quote-hero{
  display:block;
  padding-right:0;
}
  .quote-img{
    display:none;
}
.hs-hero:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .2;
}
.hs-hero__content {
  position: relative;
  z-index: 1;
  max-width:55%;
}
@media only screen and (min-width: 401px) {
  .hs-hero__content {
    padding: 0 10%;
  } 
}

.hs-hero__content--center {
  text-align: left;
}
.hs-hero__content--right {
  text-align: right;
}