@media only screen and (max-width: 375px) {
  .footer .content{
    grid-template-columns: 1fr;
  }
  .cta{
    flex-wrap: wrap;
  }
  .top_banner__heading{
    font-size: 30px;
  }
  .my_container {
    width: 98vw;
    margin: 0px auto;
}
}


@media only screen and (min-width: 900px) {
  .card-small-title{
    font-size: 20px !important;
  }
}


@media only screen and (max-width: 768px) {
  .cards {
    display: inherit !important;
  }
  .card.content {
    margin-bottom: 20px !important;
}
body h2{
  font-size: 1.85rem;
}
.main_heading{
  font-size: 1.6rem;
}
.heading h2{
  font-size: 24px;
}

}