@media (min-width: 768px) and (max-width: 991.98px) {

  /* Hero Section */
  .hero-content h1 {
    font-size: 4rem;
  }

  .hero-content h2 {
    font-size: 0.85rem;
  }

  .hero-content p {
    font-size: 0.8rem;
  }

  .hero-content {
    padding: 80px 20px;
    margin-top: 100px;
  }



    /* Classes  */
    #classes .card-wrapper {
            width: 100%;
        }
#classes .card {
    margin: 10px 0px;
}
#classes .card:last-child {
    margin: 10px 0px 25px;
}
}