@media(min-width:992px) {
  .hero-section .row {
    flex-direction:column;
    align-items:center!important
  }
  .hero-section .row>.col-lg-6 {
    width:90%;
    text-align:center
  }
  .hero-section .d-flex {
    justify-content:center
  }
  .hero-img-wrap {
    max-width:820px;
    margin:25px auto
  }
}