.hero {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}
.hero-contents {
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-width: 100%;
  position: relative;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.hero-cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}