/* ===== CORRECTIONS RESPONSIVE ===== */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

*, *::before, *::after{
  box-sizing:border-box;
}

/* HERO MOBILE */
@media (max-width: 767px){
  .hero{
    padding:25px 15px;
    border-radius:0;
  }

  .hero .cardx{
    margin-top:15px;
  }

  .hero .btn{
    display:block;
    width:100%;
    margin-bottom:10px;
  }

  .hero input.form-control,
  .hero button{
    width:100%;
  }

  .kpi{
    font-size:22px;
  }
}