@media(min-width:992px) {
  .hero-section .row {
    flex-direction:column-reverse;
    align-items:center!important
  }
  .hero-section .row>.col-lg-6 {
    width:100%
  }
  .hero-img-wrap {
    max-width:1000px;
    margin:auto
  }
  .hero-section .row>.col-lg-6:first-child {
    max-width:900px;
    margin:20px auto;
    text-align:center
  }
}