@media (pointer: coarse) {
  .hero h1,
  .hero h2,
  .hero p {
    text-align: center;
  }

  .hero .btn {
    margin-right: 10px;
    width: 100%;
  }

  .about-mb .card {
    border: 1px solid var(--color-primary);
    background: #fff;
    position: relative;
    border-radius: 0;
    height: auto;
    margin: 0 auto;
    text-align: center;
}

.about-mb .description {
  height: auto;
  padding: 10px;
}
}